PC浏览器调整Android的界面,在电脑上调试手机端页面

这一篇是使用谷歌调试工具进行手机页面调试的文章，主要是转载了谷歌的说明，主要使用谷歌浏览器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 的内容。

….

还有一些其他内容，自己去查看原网页吧。