移动端控制台插件vConsole的使用

715 阅读1分钟

1.可拓展、针对手机网页的前端开发者调试面板。

2.特性:

  1. 查看 console 日志
  2. 查看网络请求
  3. 查看页面 element 结构
  4. 查看 Cookies、localStorage 和 SessionStorage
  5. 手动执行 JS 命令行
  6. 自定义插件

3. 安装

npm install vconsole

4. 新建vconsole.js文件

import Vconsole from 'vconsole'
const vConsole = new Vconsole()
export default vConsole

5. main.js中引入

import vconsole from '$utils/vconsole.js'

6.GitHub源码地址

vConsole