用于移动浏览器的 Android AVD 模拟器开发工具？

Question

我正在开发一个移动网络应用程序。我有多种正在测试的设备，但我没有的设备是运行 Android 2.3.x 的 Android 设备。我已经通过 Eclipse 使用了 Android AVD 模拟器。

使用模拟器进行测试很好，但是我的网络应用程序的一些 CSS 样式在 Android 2.3.x 网络浏览器中呈现奇怪。

有没有办法在 AVD 模拟器中使用默认的 Android 浏览器调试或试验 CSS？我不确定是否有可能以某种方式检查和更改浏览器中的 CSS，以便找出问题所在(类似于您使用 Chrome 开发工具或 Firebug 所做的事情)。

我已经读到有一些方法可以使用 Android 的移动 Chrome 来执行此操作，它可以与桌面上的 Chrome 连接，然后您可以通过这种方式进行调试......但我不确定默认的 Android 2.3.x 浏览器。

Answer 1

您可以从桌面上的 Chrome 连接到模拟的 Android 设备(例如，从 Android Studio 启动的 AVD)或 USB 连接的真实设备(启用 USB 调试)，通过在桌面 Chrome 浏览器中输入以下 URL 来运行 Chrome :

chrome://inspect/#devices

然后它将列出您可以与之交互的所有连接设备。例如，您可以打开一个特定的 url，然后检查该选项卡 - 它提供对 Web 工具控制台的访问 - 就像在桌面 Chrome 上一样。