如何在 Mac Chrome 上调试安卓手机 Chrome 网页

如何在 Mac Chrome 上调试安卓手机 Chrome 网页

  1. 在 Android 手机上开启 USB 调试模式。
  2. 在 Mac 上安装 ADB 工具,通过以下命令进行安装:brew install android-platform-tools。
  3. 将 Android 手机通过 USB 数据线连接到 Mac 上,并确保已经开启 USB 调试模式。然后在终端中输入以下命令,检查是否能够识别到手机设备:adb devices。
  4. 在 Android 手机上,打开 Chrome 浏览器,并输入 chrome://flags 进入 Chrome 浏览器的设置页面。在搜索框中输入「debug」,找到并启用「开启 WebView 远程调试」选项。
  5. 然后,在终端中输入以下命令,启动 Chrome 远程调试服务:adb forward tcp:9222 localabstract:chrome_devtools_remote。这个命令会将 Android 手机上的 Chrome 调试端口(9222)映射到 Mac 的本地端口。然后你可以在 Mac 上访问 http://localhost:9222,进入 Chrome 远程调试页面。

在远程调试页面中,你可以看到连接到 Android 手机的 Chrome 实例,点击链接即可进入调试界面进行调试。

如何在 Mac Chrome 浏览器中直接调试安卓手机网页

在 Android 手机上开启 USB 调试模式。

在 Mac 上安装 ADB 工具,通过以下命令进行安装:brew install android-platform-tools。

将 Android 手机通过 USB 数据线连接到 Mac 上,并确保已经开启 USB
调试模式。然后在终端中输入以下命令,检查是否能够识别到手机设备:adb devices。

打开 Chrome 浏览器,在地址栏中输入 chrome://inspect/#devices,然后点击「Inspect devices」按钮。在弹出的面板中,你可以看到已经连接到你的 Android 手机,选择要调试的页面,点击右侧的「inspect」按钮即可开始调试。