在电脑上调试手机端页面
这一篇是使用谷歌调试工具进行手机页面调试的文章，主要是转载了谷歌的说明，主要使用谷歌浏览器PC端，和谷歌浏览器Android端，原页面
在安卓设备上使用 Chrome 远程调试功能
你的网页内容在移动设备上的体验可能和电脑上完全不同。Chrome DevTools 提供了远程调试功能，这让你可以在安卓设备上实时调试开发的内容。
安卓远程调试支持：
- 在浏览器选项卡中调试网站。
- 在原生安卓应用中调试网页内容。
- 将屏幕从你的安卓设备上投影到你的开发机器上。
- 使用端口转发和虚拟主机映射来让安卓设备访问开发使用的服务器。
需求
要开始远程调试，你需要：
- 安装 Chrome 32 或者之后的版本。
- 连接安卓设备用的 USB 线缆。
- 对于通过浏览器调试：安卓 4.0 以上并且安装了 Chrome for Android。
- 对于通过应用调试：安卓 4.4 以上并且应用包括可用于调试的 WenView 组件。
提示：远程调试需要你电脑端的 Chrome 版本要高于安卓端的版本。想更好地使用此功能，请使用电脑端的 Chrome Canary （Mac/Windows） 或者 Dev channel 发行版（Linux）。
如果使用远程调试的时候出现了问题，请参考 Troubleshootling。
一、设置安卓设备
请按照以下说明来设置安卓设备：
1.打开 USB 调试选项
2.连接你的设备
二、在 Chrome 中找到设备
在电脑端的 Chrome 里，在地址栏输入 chrome://inspect。进入后确认 Discover USB devices 已经勾选了：
三、调试远程浏览器
要开始调试，请点击你希望调试的浏览器选项卡下面的 inspect。
四、调试提示
- 按 F5（或者在Mac上 Cmd + r）来重新加载远程页面。
- 让设备的网络处于打开状态。使用 Network 面板来查看实际移动设备的网络流状态。
- 使用 Timeline 面板来分析提交数据和 CPU 使用状态。在移动设备上运行的程序通常会比在开发机器上运行的要慢一些。
- 如果你是在本地的 web 服务器上运行的，使用端口转发或者虚拟主机映射 技术来让设备访问你的站点。
五、调试 WebViews
在安卓 4.4 及后续版本中，你可以使用 DevTools 来调试原生安卓应用中的 WebView 的内容。
….
还有一些其他内容，自己去查看原网页吧。
