告别数据线！教你用 WiFi 远程调试 Android Chrome，移动开发效率翻倍
前言：为啥要搞 WiFi 远程调试？
作为一名前端开发者，你是不是也遇到过这种情况：调试移动端页面时，手机还得一直插着 USB 线，想换个姿势、去沙发上看看效果都不行？或者测试同事在会议室演示，你也得跑过去插上 USB 才能调试？
说实话，数据线虽然好用，但确实不够灵活。尤其是当我们需要在手机上自由移动、测试不同场景的时候，那根线就像枷锁一样。今天我就来教大家一个超实用的技巧——通过 WiFi 远程调试 Android Chrome，让你彻底摆脱数据线的束缚！
两种方案，总有一款适合你
目前主要有两种实现方式，你可以根据自己的设备情况选择：
| 方案 | 适用系统 | 是否需要先插 USB | 关键步骤 |
|---|---|---|---|
| 传统 ADB-over-TCP | 所有 Android（≥5.0） | ✅ 必须 | USB → adb tcpip 5555 → adb connect <IP>:5555 |
| Android 11+ 原生无线调试 | Android 11 及以上 | ❌ 不需要 | 开发者选项 → 无线调试 → 配对 → adb pair + adb connect |
两种方案我都详细介绍一下，大家可以根据自己的设备和系统版本选择。
方案一：传统 ADB-over-TCP（适合所有 Android）
前期准备
在开始之前，先确认一下准备工作：
- 电脑端：安装好 adb 工具（Android SDK Platform-Tools），并确保 adb 命令能在终端正常使用
- 手机端：开启开发者选项和 USB 调试功能
- 网络：电脑和手机必须在同一个局域网下（同一个 WiFi 或路由器连接）
小贴士：在终端运行 adb version 可以确认 adb 是否安装成功；手机上打开 设置 → 关于手机 → 状态 就能看到自己的 IP 地址。第一步：让 ADB 进入 TCP 模式
这个方案需要先用 USB 线连接一次，把 ADB 切换到网络模式：
- 用 USB 线把手机和电脑连起来
执行：
adb tcpip 5555看到 restarting in TCP mode port: 5555 的提示就成功了
打开终端（命令提示符或 PowerShell 都可以），输入：
adb devices确保能看到你的设备
这时候你可以拔掉 USB 线了，后面就可以无线调试啦！
第二步：通过 WiFi 连接手机
现在用手机的 IP 地址来连接：
adb connect <手机IP>:5555
# 例如：adb connect 192.168.1.100:5555成功后会显示 connected to 192.168.1.100:5555。以后只要在同一个网络里，直接运行这个命令就能连接，再也不用插 USB 了！
第三步：打开 Chrome 并访问页面
在手机上打开 Chrome，访问你要调试的网页。记得要让 Chrome 保持运行状态，至少要有一个标签页打开。
第四步：在电脑上打开 DevTools
- 打开电脑上的 Chrome 浏览器
- 地址栏输入
chrome://inspect（或者chrome://inspect/#devices） - 稍等几秒钟，页面会列出通过 ADB 连接的设备
- 找到你的设备名称和对应的 Chrome 标签页
- 点击标签页右侧的 「inspect」 按钮
这时候就会弹出一个完整的 Chrome DevTools 窗口，你可以：
- 查看和修改 DOM 结构
- 实时查看 Console 输出
- 监控网络请求
- 设置断点、调试 JavaScript
- 查看 Sources、Application 等各种面板
功能上和本地调试完全没有区别！
调试完成后恢复 USB 模式（可选）
如果之后还需要用 USB 调试，可以运行：
adb usb切换回 USB 模式。
方案二：Android 11+ 原生无线调试（完全不用 USB！）
如果你的手机系统是 Android 11 或更高版本，那就更方便了！系统自带了「无线调试」功能，连第一次都不用插 USB。
开启无线调试
- 手机进入 设置 → 关于手机 → 版本号，连续点击 7 次开启开发者选项
- 返回设置，找到 开发者选项，打开 无线调试
- 在弹出的对话框中选择「使用配对码配对」（或者「使用二维码」）
- 手机会显示一个 IP:端口 和配对码（比如
192.168.1.100:34567和123456）
电脑端配对
确保你的 adb 版本比较新（30.0.0 以上），然后在终端执行：
adb pair <IP>:<PORT>
# 例如：adb pair 192.168.1.100:34567系统会让你输入手机上显示的配对码，输入完成后显示 Successfully paired to <IP>:<PORT> 就配对成功了。
连接设备
adb connect <IP>:<PORT>
# 例如：adb connect 192.168.1.100:34567连接成功后，adb devices 就能看到你的设备了。
注意：每次重新打开「无线调试」都会生成新的配对码，所以需要重新配对。有些手机厂商会提供「保持连接」的选项，开启后就不需要频繁重新配对了。
开始调试
后面的步骤和方案一完全一样：打开手机 Chrome，访问网页，然后在电脑 Chrome 中打开 chrome://inspect 就可以调试了。
常见问题排查指南
在实际使用中，可能会遇到一些小问题，这里整理了一些常见情况：
| 问题症状 | 可能原因 | 解决方案 |
|---|---|---|
adb devices 看不到设备 |
USB 调试未开启、未授权或驱动问题 | 确认手机已打开 USB 调试，并授权电脑调试；安装对应的 USB 驱动 |
adb connect 提示 no route to host |
不在同一局域网或防火墙阻止 | 确保手机和电脑在同一 WiFi 网络；关闭防火墙或开放 5555 端口 |
chrome://inspect 列表为空 |
Chrome 未打开标签页或 ADB 连接失败 | 确保手机 Chrome 至少有一个标签页打开；重新执行 adb connect |
| 配对时提示 Authentication cancelled | 配对码错误或超时 | 重新获取配对码，在 30 秒内快速输入 |
| 调试时显示 WebView not inspected | 调试的是系统 WebView 而非 Chrome | 系统 WebView 需要在应用中开启调试权限；Chrome 直接用 chrome://inspect 即可 |
| Android 11 无线调试无法连接 | adb 版本过旧 | 更新 Android SDK Platform-Tools 到最新版 |
最后总结一下
通过 WiFi 远程调试 Android Chrome 真的能大大提升我们的开发效率：
- 传统 ADB-over-TCP：需要一次 USB 初始化，之后随时可以无线连接，兼容所有 Android 版本
- Android 11+ 无线调试：完全不需要 USB，通过配对码连接，体验更流畅
- 统一的调试入口：都是在电脑 Chrome 中打开
chrome://inspect，功能强大又统一
只要确保设备和电脑在同一个局域网内，并且 ADB 正常工作，你就可以像在本地调试一样，查看 DOM、Console、网络请求、设置断点等等。手机可以随意移动，想测试什么场景都方便多了！
赶紧试试吧，从此告别数据线，让移动开发变得更自由、更高效！如果还有任何问题，欢迎在评论区交流～