H5移动端开发如何调试--调试控制台工具:vConsole

vConsole是腾讯开源的一个轻量级的移动网页调试工具。下载地址:https://github.com/Tencent/vConsole/releases/tag/v3.2.0。

其特征如下:

  • 查看控制台日志
  • 查看网络请求
  • 查看文档元素
  • 查看Cookie和localStorage
  • 手动执行JS命令
  • 自定义插件

使用方法1:

直接下载或者npm安装

npm install vconsole

然后再main.js导入,我是把它下在了assets文件下。

import vconsole from '@/assets/js/vconsole.min.js'

 使用方法2:在index中导入:

将文件下在static目录下然后在index文件导入:

效果:

H5移动端开发如何调试--调试控制台工具:vConsole_第1张图片

H5移动端开发如何调试--调试控制台工具:vConsole_第2张图片

 

你可能感兴趣的:(移动端)