自从接触Vue后,作为H5面对和手机端的调试总是深感麻烦。受制于网络,除了Chrome的调试外,还有一个调试神器也不错,那就是VConsole!
VConsole是腾讯开源的一个轻量、可拓展、针对手机网页的前端开发者调试面板。
开源地址和文档见 -> VConsole
这里说一下在Vue中该如何接入:
安装
npm install vconsole
在index.js中引入
import Vconsole from 'vconsole';
let vConsole = new Vconsole();
vConsole.setOption('maxLogNumber', 5000);
Vue.use(vConsole)
然后就可以在手机端 或者 chrome手机模式下看到右下角一个绿色的VConsole按钮了
点击就有类似下图的展示面板了,可以很方便查看网络请求,系统、log等情况