美文网首页
h5移动端查看控制台打印

h5移动端查看控制台打印

作者: 隔壁老樊啊 | 来源:发表于2019-12-07 18:48 被阅读0次

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

image.png

移动端真机调试

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

Vconsole使用

  • 安装
      npm install vconsole
    
  • 使用
    • main.js
        import vConsole from 'vconsole'
        
        // 移动端打印
        Vue.prototype.$vConsole = new vConsole()
    

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

相关文章

网友评论

      本文标题:h5移动端查看控制台打印

      本文链接:https://www.haomeiwen.com/subject/vigugctx.html