h5移动端查看控制台打印

之前在开发移动端项目时，请求老是出问题，最头疼的还是不能查看控制台的打印输出。最开始的调试方法就是用alter，在需要查看数据的地方用弹框的形式进行查看。这期间特别耗时，你要打包部署，然后在真机调试一个个的去点确认。后来同事给我介绍一个神奇vConsole，它可以让你在移动端调试项目，具备和在浏览器调试一样的功能。

image.png

移动端真机调试

我最常用方法是让手机和电脑处于同一网络下，手机打开浏览器通过访问电脑ip的形式进行调试。也可以使用hbuilder进行真机运行。

Vconsole使用

• 安装

    npm install vconsole
  

• 使用
  • main.js

      import vConsole from 'vconsole'
      
      // 移动端打印
      Vue.prototype.$vConsole = new vConsole()
  

再次访问我们项目就可以看到一个绿色的小框框，具体功能查看Github