当前位置: 首页 > Web前端 > vue.js

移动端调试方法

时间:2023-03-31 18:02:46 vue.js

现在移动端开发越来越流行,各种H5页面功能,但是在移动端有个缺点,就是调试比较麻烦。之前用过的一些调试工具有以下几种方法:1.Weinre官网地址:http://people.apache.org/~pmuellr/weinre/docs/latest/weinre用于调试,PC端和手机端都可以需要在同一个局域网,可以在控制台看到错误信息,可以打断点,可以实时更改css样式等等,功能比较强大,当时操作比较繁琐。2、通过vConsole调试导入vConsole插件yarnaddvconsole-sornpminstallvconsole-D使用时需要在我们的入口文件中导入vConsole并初始化:importVconsolefrom'vConsole';constvConsole=newVconsole()然后在你需要查看日志的地方输入console.log即可。vconsole易于使用。可以看到日志,查看接口调用,查看页面布局,但是不能实时更改样式进行调试,只能查看打包后的运行效果。3、微信公众号页面入市调试,安卓机型无需安装vconsole插件,直接在微信浏览器打开即可:http://debugx5.qq.com,打开网址后,向下滚动,打开vConsole调试功能,关闭两台X5的Cache功能。重新进入你要调试的页面,右下角会有一个绿色的vConsole按钮,点击这个按钮开始调试。