Android APP项目原生的HTML5做,cordova框架技术。苦于调试不便。稍微了解一下浏览器调试插件。 Chrome Inspect 使用该调试技巧,调试移动端中—自身开发的Hybrid APP、微信、UC、QQ、抖音等打开的页
Android APP项目原生的HTML5做,cordova框架技术。苦于调试不便。稍微了解一下浏览器调试插件。
使用该调试技巧,调试移动端中—自身开发的Hybrid APP、微信、UC、QQ、抖音等打开的页面,就像在电脑chrome调试一样方便。
手机上开启开发者模式
以Pixel 为例
设置–>关于->Android 版本号片->快速连接点击7次–>开启开发者模式
设置–>系统–>开发者选项–>USB调试开启
手机、电脑 采用USB数据线链接
电脑chrome中打开网址(chrome://inspect/#devices)
启动失败:
据说是要vpn,后面介绍其他浏览器调试
分析原因
国内网络限制所致
Chrome我这里不启作用,估计是要vpn。
改用windows自带的Edge浏览器:
地址:edge://inspect/#devices
启动
点击Inspect之后效果:
完美。
解决方法 qq浏览器
1. 下载qq浏览器
2. 打开qqbrowser://inspect/#devices
3. 点击inspect fallback
注意:点击的不是inspect
补充:
Http://debugx5.qq.com
--结束END--
本文标题: Android H5移动调试技巧——Chrome /Edge /QQ Inspect
本文链接: https://www.lsjlt.com/news/389384.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-21
2023-10-28
2023-10-28
2023-10-27
2023-10-27
2023-10-27
2023-10-27
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0