前端 H5 调试方法

vconsole调试工具

官方github地址：

https://github.com/Tencent/vConsole/blob/dev/doc/tutorial_CN.md

官方demo：

http://wechatfe.github.io/vconsole/demo.html

特别注意官方提供的demo上面的按钮点击是无效的，但不要担心，直接在项目中引入插件，可以直接使用

特性：

1.安卓和ios的手机都可以用

2.H5页面（包括混合式App的内嵌H5页面）

3.console的相关打印可以直接使用，插件还提供其它多样化的输出信息

<script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script>
<script>
    new VConsole();
</script>

二：vue项目中引入

 1.vue的入口文件index.html中引入，方法同上

 2.在main.js里引入

npm install vconsole

// 在main.js中
import VConsole from 'vconsole' //引入
new VConsole() //初始化