Android APP项目原生的Html5做,cordova框架技术。苦于调试不便。稍微了解一下浏览器调试插件。
Chrome Inspect
使用该调试技巧,调试移动端中—自身开发的Hybrid APP、微信、UC、QQ、抖音等打开的页面,就像在电脑chrome调试一样方便。
手机上开启开发者模式
以Pixel 为例
设置–>关于->Android 版本号片->快速连接点击7次–>开启开发者模式
设置–>系统–>开发者选项–>USB调试开启
手机、电脑 采用USB数据线链接
电脑chrome中打开网址(chrome://inspect/#devices)
启动失败:
据说是要vpn,后面介绍其他浏览器调试
分析原因
国内网络限制所致
windows自带Edge调试
Chrome我这里不启作用,估计是要vpn。
改用windows自带的Edge浏览器:
地址:edge://inspect/#devices
启动
点击Inspect之后效果:
完美。
其他的方法: QQ浏览器
解决方法 qq浏览器
1. 下载qq浏览器
2. 打开qqbrowser://inspect/#devices
3. 点击inspect fallback
注意:点击的不是inspect
补充:
微信调试可以打开
http://debugx5.qq.com