----移动端移动端调试神器vConsole----

我们在写webapp或者移动端网页需要嵌入到app时候，尤其是在APP内置的webView上加载我们的页面，想要查看手机浏览器信息是非常困难的事，当出现问题的时候，你又不能查看日志，一般会连接本地测试环境，然后在alert来打印日志（这种做法太蠢了），然后一遍一遍的定位bug，修改代码。使用eruda之后感觉爽爆了，解决了这个问题，这个工具就想电脑端的devtools，可以查看日志，网络，页面，Resources等

使用方法

多页面应用

在每个页面

<script src="path/to/vconsole.min.js"></script> <script> // init vConsole var vConsole = new VConsole(); console.log('Hello world'); </script>

单页应用

我们在项目的入口引用这个文件就可以

npm install vconsole

var vConsole = new VConsole();
console.log('Hello world');

转载于:https://www.cnblogs.com/zjy850984598/p/11355654.html

----移动端移动端调试神器vConsole----相关推荐

推荐3款移动端网页开发调试神器
web前端教程用大白话,来讲编程最近有小伙伴在微信上跟我聊到了移动端网页开发调试困哪的问题,这个相信很多前端开发者都遇到过. 有一天,测试妹子拿着测试手机过来找你,说页面打不开. 你心想:怎么可能 ...
移动H5调试神器 vConsole
做移动H5时,经常需要真机调试,但是手机端没有像Chrome控制台那样的开发者工具,对于network.console日志没办法查看,所以便有了今天的开发神器--vConsole. vConsole是 ...
移动端调试神器 VConsole与eruda
博客内容来自: https://www.jianshu.com/p/a05b90ab03e4 我们在写webapp或者移动端网页需要嵌入到app时候,尤其是在APP内置的webView上加载我们的页面 ...
移动端调试神器vConsole
介绍平时在web应用开发过程中,我们可以console.log去输出一些信息或者看接口返回的信息及接口性能等情况,但是在移动端,也就是在手机上,我们是看不到的. 这种情况下,可以选择使用alert弹 ...
移动端调试神器——vconsole
详情请点击链接: https://github.com/Tencent/vConsole/blob/dev/doc/tutorial_CN.md
移动端html怎么调试工具,移动端网页开发调试神器Eruda的介绍与使用技巧
前言众所周知,我们在做移动端Web开发的一大痛点就是,在真机运行下无法查看console.log日志和其他信息如网络请求.显示本地存储等信息.如果网页是运行在手机浏览器中还算好,可以把网址在电脑上打 ...
微信公众号(移动端网页)必备的调试神器
1.移动端调试神器vConsole 由于在移动端无法打开控制台,所以想办法打印调试console的数据一直苦恼.之前用的是chrome的inspect调试,但是只能使用移动版的chrome查看数据,兼 ...
Eruda 一个小而美的移动端调试神器
引言日常工作中再牛逼的大佬都不敢说自己的代码是完全没有问题的,既然有问题,那就也就有调试,说到调试工具,大家可能对于fiddler.Charles.chrome devtools.Firebug ...
web移动端调试神器Eruda
在Web开发过程中,对html页面进行开发和调试的时候都会用到浏览器提供的调试工具,小编我最常用的就是Chrome浏览器自带的开发者工具了,可以很方便的对JS代码进行断点调试,log也很方便.但是在移 ...
html5页面调试工具,web移动端调试神器Eruda
在Web开发过程中,对html页面进行开发和调试的时候都会用到浏览器提供的调试工具,小编我最常用的就是Chrome浏览器自带的开发者工具了,可以很方便的对JS代码进行断点调试,log也很方便.但是在移 ...

----移动端移动端调试神器vConsole----

使用方法

多页面应用

单页应用

----移动端移动端调试神器vConsole----相关推荐

最新文章

热门文章