移动端调试工具—vConsole

vConsole

vConsole 是一个轻量、可扩展的前端开发者调试面板。专为手机 web 页面量身设计，帮助开发者更为便捷地进行开发调试工作。

特性如下：
查看 console 日志
查看网络请求
手动执行 JS 命令行

使用

1. 安装npm install -D vconsole

2. 在src/assets目录下创建个utils文件夹，并在里新建一个文件vconsole.js

   import Vconsole from 'vconsole'
   export default new Vconsole()

3. 引用，可以在main.js中全局引用

　if (process.env.VUE_APP_MODE !== 'production') {
    
    
	require('@/assets/utils/vconsole')
  }

4. 启动项目页面中就会出现vconsole控件
   

5.原理

(1)重写console

(2)用window.onerror捕获并上报Js错误