手机浏览器是没有开发者工具的,因此调试手机网页是很是麻烦。使用 chrome 的远程调试功能能够像调试桌面端那样调试手机页面。android
使用 USB 链接你的电脑,并开启调试模式。 使用 android 4.2 或以上的手机可能没有调试模式选项,能够找到 “设置 > 关于手机 > 版本号(Build Number)”, 点 7 次,而后返回开发者选项就能够了。注:我没有 Android 4.2 或以上的手机,以上方法没有测试过,我只是根据官方文档写出来而已。chrome
在你的桌面版的 chrome ,打开 菜单 > 工具 > 检查设备。 勾选Discover USB devices。稍等片刻,你的手机会提示你是否容许调试,接受调试便可。接受调试后,可能须要等一下 chrome 才能检测到你的手机。若是没有检测到,能够试一下重启浏览器。浏览器
检测到你的手机后,点击 inspect,弹出开发者工具,这样你就能够像调试桌面页面那样调试手机页面。chrome 远程调试工具
https://developer.chrome.com/devtools/docs/remote-debugging测试
转载:http://blog.allenice233.com/2014/07/28/chrome-remote-debug/ui