最近在开发微信公众号网页的时候,由于手机端的各种不适配或者机型的问题出现了很多莫名其妙的bug,但这些bug只会在固定的机型或者部分手机复现,电脑端调试以及大部分手机都是没有问题的。
所以就找到了一个可以在手机端调试的工具。
此调试只支持安卓手机,苹果手机暂不支持。
在微信上打开
https://debugx5.qq.com/?from=singlemessage
出现以下图片
当需要清理缓存时
首页下拉到最后面,根据需要勾选需要清除的缓存,点击清除。
接着当需要在手机端查看调试的时候,切换到第二个Tab栏
根据需要打开日志调试,一般情况下只查看日志只需要打开vConsole调试功能。
查看调试的方法,右下角会出现vConsole点击打开
默认打开的首页就是日志查看的页面。
js中的各种日志都可以在此页面中查看,clear是清除日志,hide是隐藏调试界面
当需要查看本地的存储如cookie,localstorage等,点击Stroage
当需要查看dom节点元素等,点击Element
需要自己手动点击展开每一个节点。
以上就是安卓端手机网页开发时调试的方法。