做webapp项目时,需要在真机上调试,利用vConsole插件,轻松实现。
可以查看到console打印出的Log、当前的System系统信息、Network网络请求、Element元素以及Storage本地存储。

一、安装
index.html中引入:

<script src="https://res.wx.qq.com/mmbizwap/zh_CN/htmledition/js/vconsole/3.0.0/vconsole.min.js"></script>

二、使用
main.js中:

const debug = process.env.NODE_ENV !== 'production'
debug ? let vConsole = new VConsole() : ''

三、演示
移动端调试神器vConsole

相关文章: