Github地址:
https://github.com/Tencent/vConsole
平时Web端调试时,我们一般习惯用console来让控制台输出信息,但是在移动端,我们无法再用console来观察控制台输出的信息,可以用alert代替console.log,但是alert会阻断JS线程,导致后面的线程都执行不了,另外如果有大量的alert,也会影响我们的调试体验。利用vConsole插件可以实现console.log输出信息
用法:
通过npm进行安装:
npm install vconsole
在代码中的入口js中import:
import vConsole from 'vconsole'
再
console.log('test')
此时起动服务可看到项目右下角已经有了按钮
点击按钮会弹出浮层,浮层内即是我们想要console的内容
vConsole实际上是改写了console.log这个方法,所有console.log都会被vConsole来代理