以下是详细的步骤，分为两种主流方式，USB 连接和无线连接

USB 连接（最稳定、最常用）

第一步：准备你的手机

1. 开启开发者选项：
   • 进入手机的 设置 > 关于手机。
   • 连续点击 版本号 7次，直到出现“您已处于开发者模式”的提示。
2. 开启USB调试：
   • 返回设置,进入新出现的 系统与更新 > 开发人员选项。
   • 找到并开启 USB调试，在弹出的警告中点击“确定”。

第二步：连接电脑并进行授权

1. 使用 USB 数据线将手机连接到电脑。
2. 在手机上,可能会弹出“允许USB调试吗？”的对话框，勾选 “始终允许”，然后点击 “确定”。
   • （如果没弹出，可以断开重连，或者检查USB连接模式是否在“文件传输”或“MTP”模式）

第三步：在电脑 Chrome 中操作

1. 打开电脑上的 Google Chrome 浏览器。
2. 在地址栏输入：chrome://inspect/#devices
3. 确保 Discover USB devices 选项已启用。
4. 稍等片刻,你会在页面中看到你的手机型号，以及手机上 Chrome 浏览器中打开的网页标签页、WebView 或 PWA 应用。
5. 点击你想要调试的网页下方的 inspect 按钮。
6. 一个独立的 Chrome 开发者工具窗口将会打开，此时你就可以像调试电脑网页一样，查看元素、分析网络请求、运行控制台命令等，手机屏幕会实时同步显示你的操作。

无线连接（无需数据线）

无线调试需要在同一局域网下,并先用 USB 完成初始设置。

第一步：通过 USB 启用无线调试

1. 确保手机和电脑连接在同一个 Wi-Fi 网络下。
2. 按照上述 USB 连接 的步骤，完成手机设置并连接 USB 线。
3. 在电脑 Chrome 中打开 chrome://inspect/#devices，确认能通过 USB 识别到手机。
4. 在 chrome://inspect/#devices 页面，点击 “Port forwarding”。
5. 勾选 “Enable port forwarding”。
6. 在端口映射规则中,可以添加一个规则，
   • Port: 9222 （这是Chrome DevTools的默认端口）
   • IP address and port: localhost:9222
   • 也可以直接使用页面提供的默认设置。
7. 另一种更常用的方法是使用 Android 命令（需要已安装 Android SDK Platform-Tools）：
   • 打开电脑的命令行终端。
   • 输入：adb tcpip 5555
   • 这条命令会重启手机端的 ADB 守护进程，并监听 TCP/IP 的 5555 端口。

第二步：断开 USB，通过 Wi-Fi 连接

1. 拔掉 USB 数据线。
2. 获取手机的 局域网 IP 地址（在手机的 Wi-Fi 设置中，点击当前连接的网络即可查看）。
3. 在命令行终端中,输入连接命令： adb connect <手机IP地址>:5555 adb connect 192.168.1.100:5555
4. 如果成功,终端会显示 connected to 192.168.1.100:5555。
5. 刷新电脑 Chrome 中的 chrome://inspect/#devices 页面，你应该能看到手机已通过网络连接，可以点击 inspect 进行调试了。

提示：后续只要手机和电脑在同一网络，就可以直接在命令行输入 adb connect <手机IP>:5555 进行连接，无需再次使用 USB 线。

可能遇到的问题及解决方法

1. 在 chrome://inspect 中看不到手机/设备：

   • 检查USB调试授权：重新插拔USB线，确保手机上点击了“允许”。
   • 更换USB数据线或接口：有些线只能充电，无法传输数据。
   • 安装手机驱动（Windows用户常见问题）：去手机官网下载对应的USB驱动，或使用第三方工具如“驱动精灵”。
   • 重启ADB服务：在命令行运行 adb kill-server adb start-server。

2. 华为/荣耀手机特殊问题：

   • 新版本 EMUI/HarmonyOS 可能需要额外开启 “仅充电”模式下允许ADB调试，位置在：开发人员选项 > “选择USB配置” > 选“RNDIS（USB以太网）” 或 “选择USB配置” > “音频来源” 下开启 “仅充电”模式下允许ADB调试。

3. 无线连接失败：

   • 确认 IP 地址正确，且手机电脑处于同一子网。
   • 检查电脑防火墙是否阻止了相关端口（5555, 9222）。
   • 重新执行 adb tcpip 5555 和 adb connect 步骤。

• 新手/首次连接/追求稳定：强烈推荐使用 USB 连接方式，步骤简单直接。
• 熟悉流程后/需要频繁调试/不方便连线时：无线连接 非常方便，一劳永逸。

这个功能是进行移动端网页和混合应用（Hybrid App）开发、调试和性能分析的利器，能极大地提升开发效率。