如何使用带有模拟 android 设备 (AVD) 的 Web Inspector

age*_*tem 6 android google-chrome web-inspector android-virtual-device android-emulator

我下载了 Android SDK(在 Mac 上),但无法访问 Android 硬件。我可以启动 AVD 并很好地模拟各种 android 设备,但我有一些 CSS,我想在所述模拟设备上的 Android 浏览器中检查。我只是不知道如何做到这一点。

对于 iOS,您可以非常轻松地将 Safari 连接到 xcode 模拟器,但我似乎无法弄清楚 Android 和 Chrome 的等效项。我在该主题上找到的所有教程都告诉您使用通过 USB 连接的 Meatspace 设备!甚至不需要是 chrome - 在这一点上,任何类似网络检查器的服务,让我可以即时查看和更改 CSS,都可以。帮助!

Fre*_*son 7

十分简单:

  1. 启动 Android 模拟器(例如,通过在 Android Studio 中运行您的项目)
  2. 启动 Google Chrome 并访问chrome://inspect
  3. 单击检测到的模拟器下方的检查链接,然后就可以开始了!

  • 我认为值得一提的是,您在桌面上启动 Google Chrome 并访问 chrome://inspect,然后从列表中选择 AVD。在模拟器中访问 c​​hrome://inspect 将不起作用。 (5认同)