在Android手机上调试网页CSS

Question

我们可以使用 Chrome 中的检查元素/移动设备模拟器在实时网站上添加/编辑 CSS，并查看网站的行为方式。是否可以直接在 Android 手机或平板电脑上执行相同的操作？

我被要求改进一个网站（但我没有服务器访问权限），但我注意到它的导航在 Chrome 模拟器和我的 Android 设备上的行为有所不同。 （这可能是 JavaScript 干扰或在手机上执行模拟器未检测到的某些操作）

Answer 1

如果您运行的是现代版本的 Chrome，则可以对 Android 设备使用远程调试。这需要：

• 您的开发计算机上安装了 Chrome 32 或更高版本。
• 用于连接 Android 设备的 USB 数据线。
• 对于浏览器调试：Android 4.0+ 和 Chrome for Android。
• 对于应用程序调试：Android 4.4+ 和配置用于调试的 WebView。

完整的详细信息记录在 Google 文档的链接页面中，但该过程本质上包括将设备连接到计算机、启用 USB 调试以及在开发计算机上的 Chrome 中导航到

chrome://inspect

。从那里，您将能够使用桌面 Chrome 实例上的检查器来调试移动 Chrome 实例中的页面。