Android 浏览器内 H5 调试
chrome://inspect 移动前端调试方案(Android + Chrome 实现远程调试)
adb 相关资源
adb shell(ADB Kits)下载地址: http://adbshell.com/downloads
打开 开发者模式
- 设置
- 关于手机
- 版本号,点击
5
次 - 返回 设置列表,列表中多了
其他设置
选项 - 进入
其他设置
- 开发者选项
- 调试 -> USB调试 开启即可
进入 调试模式
- 安装 debug 版本的 浏览器 到测试手机上
- 测试收集开启 开发者模式
- 安装 adb, 下载后,打开运行即可
- 通过数据线连接手机和调试的电脑
- 电脑上命令行进入 adb 目录,运行
adb devices
确保手机已正常连接(正常会显示 devices 列表) - 电脑运行
adb shell
- 电脑打开 chrome 浏览器
chrome://inspect
- 在手机的浏览器输入任意访问的网址,此时在 chrome 的 DevTools -> Devices -> Remote Target 面板会出现手机访问的网址
- 点击面板中网址下方的 inspect 选项,即可打开一个新 dev 调试面板,重新刷手机上的访问地址,电脑上的调试面板会同步刷新,并显示相关的 chrome dev 面板的所有资源,网络,JS 调用日志
Console.log(‘test log‘)
到调试面板