使用 桌面的 chrome 远程调试 Android 的页面
手机浏览器是没有开发者工具的,所以调试手机网页是非常麻烦。使用 chrome 的远程调试功能可以像调试桌面端那样调试手机页面。
准备
- 手机端:chrome for Android, 安装谷歌浏览器
- 桌面端:谷歌浏览器,版本建议大于手机端的,最好使用 chrome canary
- USB 连接线, 也就是你充电器的那条线
开启调试模式
使用 USB 连接你的电脑,并开启调试模式。 使用 android 4.2 或以上的手机可能没有调试模式选项,可以找到 “设置 > 关于手机 > 版本号(Build Number)”, 点 7 次,然后返回开发者选项就可以了。注:我没有 Android 4.2 或以上的手机,以上方法没有测试过,我只是根据官方文档写出来而已。
查找 USB 设备 (Enable USB discovery in Chrome)
在你的桌面版的 chrome ,打开 菜单 > 工具 > 检查设备。 勾选Discover USB devices。稍等片刻,你的手机会提示你是否允许调试,接受调试即可。接受调试后,可能需要等一下 chrome 才能检测到你的手机。如果没有检测到,可以试一下重启浏览器。
调试
检测到你的手机后,点击 inspect,弹出开发者工具,这样你就可以像调试桌面页面那样调试手机页面。
参考链接
https://developer.chrome.com/devtools/docs/remote-debugging
转载:http://blog.allenice233.com/2014/07/28/chrome-remote-debug/
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。