1.连接设备到电脑

谷歌浏览器（Chrome）提供了强大的远程调试功能，允许开发者调试移动设备、远程机器或本地服务上运行的页面，以下是几种主要的远程调试方法：

调试Android设备（USB调试）

准备Android设备

• 打开设备 开发者选项

  进入“设置” → “关于手机” → 连续点击“版本号”7次

• 启用 USB调试

  返回设置 → “系统” → “开发者选项” → 开启“USB调试”

连接并调试

# 3. 在电脑Chrome中访问：
chrome://inspect/#devices

• 确保“Discover USB devices”已启用
• 在设备列表中看到您的设备
• 点击要调试的网页旁边的“inspect”

调试iOS设备（需Mac + Safari）

在iOS设备上

• 设置 → Safari → 高级 → 开启“Web检查器”

在Mac上

• Safari → 偏好设置 → 高级 → 勾选“在菜单栏显示开发菜单”
• 通过USB连接iOS设备
• Safari → 开发 → 选择您的设备 → 选择要调试的页面

远程网络调试

在远程设备上启动调试模式

# Windows
chrome.exe --remote-debugging-port=9222
# macOS
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222
# Linux
google-chrome --remote-debugging-port=9222

从另一台电脑连接

# 在本地Chrome中访问：
chrome://inspect/#devices
# 点击"Configure" → 添加远程地址：
IP地址:9222

调试移动端Chrome（Wi-Fi调试）

启用Wi-Fi调试

# 在电脑上执行
adb tcpip 5555
adb connect 设备IP:5555
# 断开USB，设备将通过Wi-Fi连接

访问 chrome://inspect 进行调试

使用DevTools的远程设备功能

在桌面Chrome中

1. 按 F12 打开DevTools
2. 点击左上角“设备切换”图标（或 Ctrl+Shift+M）
3. 选择“Remote devices”标签
4. 点击“Configure”添加远程设备

调试Node.js应用

# 启动Node.js应用时启用调试
node --inspect=9229 app.js
# 或
node --inspect-brk=9229 app.js  # 在第一行暂停

常用调试命令参数

# 启用远程调试端口
--remote-debugging-port=9222
# 允许所有来源连接（开发环境）
--remote-debugging-address=0.0.0.0
# 禁用同源策略（方便测试）
--disable-web-security
# 允许跨域资源共享
--disable-site-isolation-trials

安全注意事项

1. 不要在生产环境启用远程调试
2. 使用后立即关闭调试端口
3. 考虑使用VPN或SSH隧道保护调试连接
4. 仅允许可信网络连接

故障排除

常见问题：

1. 设备未显示：

   • 检查USB连接和授权
   • 重启ADB服务：adb kill-server && adb start-server

2. 连接被拒绝：

   • 检查防火墙设置
   • 确保远程设备Chrome以调试模式启动

3. iOS无法连接：

   • 确保使用Mac + Safari组合
   • 检查USB连接和信任授权

高级工具

1. Chrome DevTools Protocol (CDP)

   • 可通过WebSocket直接与Chrome通信

     // 示例：连接到调试端口
     const ws = new WebSocket('ws://localhost:9222/devtools/page/...');

2. VS Code远程调试

   • 安装“Debugger for Chrome”扩展
   • 配置launch.json连接远程设备

这些方法覆盖了大多数远程调试场景,根据您的具体需求选择合适的方法即可。

标签： 设备 电脑