谷歌浏览器远程调试主要分为以下几种场景，以下是详细步骤和注意事项

安卓设备远程调试（最常用）

适用场景：在电脑上调试手机/平板中Chrome浏览器的网页。

步骤：

1. 设备准备：

   • 安卓手机打开「开发者模式」：
     • 进入「设置 > 关于手机」，连续点击「版本号」7次。
     • 返回设置，进入「开发者选项」，开启「USB调试」。
   • 用USB数据线连接电脑和手机。

2. 电脑操作：

   • 电脑打开Chrome，访问 chrome://inspect/#devices。
   • 确保「Discover USB devices」已开启。
   • 手机上首次连接需授权调试（弹出窗口点击允许）。

3. 开始调试：

   • 在手机上用Chrome打开要调试的网页。
   • 电脑的 chrome://inspect 页面会显示设备列表和已打开的网页，点击「inspect」即可打开开发者工具。

远程桌面调试（Chrome DevTools Protocol）

适用场景：调试远程服务器/另一台电脑上的Chrome。

步骤：

1. 启动远程Chrome（命令行执行）：

   chrome.exe --remote-debugging-port=9222 --user-data-dir=远程调试临时目录

   此命令会启动一个启用调试协议的Chrome实例。

2. 本地连接：

   • 本地Chrome访问 http://远程IP:9222（若为本机则用 localhost:9222）。
   • 页面会显示所有可调试的标签页,点击进入调试。

iOS设备调试（需macOS）

适用场景：调试iPhone/iPad中的Safari或Chrome（iOS版Chrome实际使用WebView）。

步骤：

1. iOS设备：

   进入「设置 > Safari > 高级」，开启「Web检查器」。

2. macOS电脑：
   • 用数据线连接设备,打开Safari浏览器。
   • 点击「开发」菜单,选择对应的设备及网页即可调试。
   • 注意：Chrome for iOS底层是WebView,需用Safari调试。

局域网无线调试（Android 11+）

免USB数据线，通过Wi-Fi调试：

1. 初始USB连接：
   • 先用USB连接设备，在 chrome://inspect 中点击「Port forwarding」。
   • 添加端口映射：9222 → localhost:9222。
2. 无线切换：
   • 在开发者选项中开启「无线调试」,记下IP和端口。
   • 断开USB，在Chrome中访问 IP:端口 即可无线调试。

常见问题解决

1. 设备不显示：
   • 检查USB数据线是否支持数据传输。
   • 重新插拔并确认手机授权弹窗。
   • 电脑需安装手机驱动（部分品牌如小米需额外安装）。
2. 无法点击inspect：
   • 确保网络允许（某些公司网络会拦截调试端口）。
   • 尝试关闭VPN或防火墙。

高级技巧

• 命令行自动操作： 使用 chrome-cli 或 puppeteer 可通过 9222 端口自动化控制远程浏览器。
• 多设备管理： 在 chrome://inspect 中可同时监控多个设备,并保持调试会话。

根据你的具体需求选择方案，首次使用建议从「方案一」开始尝试。

标签： 谷歌浏览器 远程调试