Android H5移动调试技巧——Chrome /Edge /QQ Inspect

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