vconsole使用方法 vue_vConsole使用

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