1、介绍
github
一个轻量、可拓展、针对手机网页的前端开发者调试面板。
特性
查看 console 日志
查看网络请求
查看页面 element 结构
查看 Cookies、localStorage 和 SessionStorage
手动执行 JS 命令行
自定义插件
怎么发现此工具的了?
在调用微信接口扫一扫功能,使用alert来调试查看是否返回结果消息,最后发现很多次没有结果信息返回,还怀疑是否微信接口不稳定,后来发并不是没有返回结果,alert的原因,使用vConsole就可以查看返回结果信息,此工具在小程序当中也有出现
我们常用到的就是日志输出,和浏览器缓存localStorage
此前掌银项目缓存登录使用的就是localStorage,测试时不方便,有了此工具点击菜单栏的clear就可以清楚缓存
1.png
2.png
3.png
5.png
6.png
2、安装
// 初始化
var vConsole = new VConsole();
console.log('Hello