☰

无线调试 Android 桌面版 Chrome 应用 (Mac) Chrome 应用

tag-icon • tag-icon google-chrome android debug google-chrome-devtools nexus-5
无线调试 Android 桌面版 Chrome 应用 (Mac) Chrome 应用

前言：

Nexus 5X 出厂时配备 USB-C 转 USB-C 线缆，显然不兼容 USB-A，无需任何附加设备（USB-C 转 USB-A 线缆）。上述两种线缆似乎都很贵，我不想买其他新买的电话的电缆。

问题：

我需要在 Android 设备（Nexus 5X）上的 Chrome 中调试网站，并查看在没有 USB 电缆连接的情况下，Mac 上的 Chrome 上的页面究竟发生了什么。我知道这可以通过以下方式实现转发端口Google Chrome dev-tools 具有的功能。

主要的想法是我不需要调试原生 Android 应用程序，因此所有建议的步骤都adb没有任何意义。

我可以访问在本地主机 Apache Web 服务器（设备 IP 地址：端口号）上运行的 Web 应用程序，但如果出现问题，我无法看到设备屏幕上究竟发生了什么。

相同链接建议我先通过 USB 连接我的设备，然后才能在没有 USB 的情况下使用它，然后配置端口转发。这意味着每次我需要调试网站时，我都需要执行连接/断开连接程序，这似乎不太方便。

问题：

如何将 Nexus 5X And​​roid 6.0.1 Chrome 应用 (44.0.2403.133) 调试到在 Mac OSX El Capitan 上运行的桌面 Chrome 应用 (53.0.2785.116 (64 位))？两台设备都在同一网络上，使用同一个 Google 帐户。

答案1

我最近几天一直在研究这个问题，以下是我的发现：

我联系了 Kayce Basques，她是Google 远程调试教程他确认，目前还没有官方的方式来安排无线调试。他的话如下：

远程调试工作流程依赖于 Android 的 USB 调试功能。

我研究的另一件事是使用GenymotionAndroid 模拟器。我已经让它运行了。方法如下：

  1. Genymotion Android 模拟器具有许多设备的原生操作系统映像，因为我正在专门研究 Nexus 5X 6.0.0，所以我刚刚选择下载此映像。
  2. 下载图像后，我运行图像，进入设备设置并启用 USB 调试

Nexus 5X And​​roid 6.0.0 模拟器映像

  1. 之后我启动了 Android 原生浏览器并访问了我感兴趣的网页

Google官方网页打开Android模拟器

  1. 我在 Mac Chrome 应用中输入chrome://inspect

    Chrome 桌面应用设备视图

  2. 桌面视图我点击了inspect网页地址下方，得到了这个神奇的窗口

Google Chrome 开发者工具

现在我无需连接真正的 Android 设备就能看到页面中实际发生的情况。为了再次确认，我在真正的 Nexus 5X 6.0.0 上测试了所有内容，似乎运行顺畅。

但问题仍然悬而未决，尽管你可以说谷歌已经确认了这一点，但我相信仍然存在一些黑客手段或解决方法，我希望看到这些。

相关内容