移动端借助 vConsole 进行调试

移动端 vconsole 调试

移动端调试代码时，没有像PC端浏览器中开发者工具来查看网络请求、本地存储等，此时可以借助 vconsole 来实现移动端查看网络请求、本地存储等信息。

1. 通用方法

   vue项目也可用：在 public/index.html 中引用

   <script src="//unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
   <script>
   	var vConsole = new window.VConsole();
   </script>
   

2. vue 项目中使用（main.js 文件中写）

   // 下载 vconsole 包（核心依赖包）
   npm install vconsole
   

   import Vconsole from 'vconsole'
   const vConsole = new Vconsole()
   Vue.use(vConsole)
   

看到有如下绿色标识点击即可查看控制台、网络请求等信息并进行代码调试。