美文网首页
手机调试工具插件

手机调试工具插件

作者: 站在大神的肩膀上看世界 | 来源:发表于2018-05-09 12:51 被阅读75次

过年之后写的一个收费项目这回要正式上线,自此在手机上要看一下运行状况,因为改动了些配置文件,怕会有影响,所以需要看看日志,但手机上没有控制台这个功能啊,所以需要一个插件来下载,进行打印,来查看相关信息。抛出使用方法及效果图

下载链接:https://pan.baidu.com/s/1zmnNq3WvE3dnjNn-6Fk8Kg 密码:zord

将vconsole和生成的index.html放在同一层级下,然后在生成的index.html 中引用即可


vue项目打包后的文件结构
引用方式

最后在手机上访问当前项目,就会出现如下效果


手机显示效果图
有没有觉得方便些,顺便提醒一下,想看输出的话,代码里首先得有console.log()代码,虽然这句话有点弱智,但是还是要提醒一下。
注:推荐相关文章,打包清除console.log()配置的文章,有兴趣的可以了解一下。

https://www.jianshu.com/p/f68f1e450c56

最后希望大家走一波关注及喜欢,给予我这个小白一点支持(手动撒花~~~~)

相关文章

  • 手机调试工具插件

    过年之后写的一个收费项目这回要正式上线,自此在手机上要看一下运行状况,因为改动了些配置文件,怕会有影响,所以需要看...

  • 谷歌浏览器安装vue调试工具

    下载vue调试工具插件 访问地址:vue调试工具插件[https://chrome.zzzmh.cn/info?t...

  • 2021-07-30

    Chrome浏览器安装vue、react调试工具 1.下载调试插件:https://chrome.zzzmh.cn...

  • React Native Debug(chrome)

    Chrome开发调试工具,需要安装react-devtools插件。插件安装方法: 离线安装下载最新devtool...

  • so逆向

    动态调试:安装ida,ida安装F5调试工具,安装Eclipse,Eclipse安装DDMS插件相关软件:http...

  • WebStorm Debug 配置

    WebStorm 调试配置 【所需工具】: Chrome 浏览器 Chrome 浏览器插件——JetBrains ...

  • Postman工具了解与安装

    Postman工具了解 谷歌插件 Postman是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件。...

  • 微信小程序插件开发

    开发版调试,用最新版开发者工具 需要真机调试 开发调试:需要在同一appid的小程序中调试(不能直接在小程序插件项...

  • 我的 Chrome 插件集

    我的 Chrome 插件集 Vue.js devtools vue.js的调试工具 一键管理所有扩展 该插件可以快...

  • 使用PDB断点调试Python程序

    pdb是Python自带的类gdb、cdb的调试工具。 在Sublime Text的SublimeREPL插件提供...

网友评论

      本文标题:手机调试工具插件

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