步骤 1：设备和电脑准备
- 安装 Chrome 浏览器：确保你的电脑上安装了最新版的 Google Chrome 浏览器。
- 开发者模式：
打开鸿蒙手机的开发者选项：
-进入手机 设置 > 关于手机。
-连续点击 版本号（或“软件版本”）多次，开启开发者选项。
-回到 设置，找到 开发者选项，打开 USB 调试。 - 连接手机：
使用数据线将鸿蒙手机连接到电脑。 - 授权调试：
-首次连接时，鸿蒙手机会弹出 “是否允许 USB 调试” 的对话框。
-点击 允许，并勾选 “一律允许这台计算机”。
步骤 2：在 Chrome 中开启远程调试
- 打开 Chrome 的 DevTools：
-在 Chrome 中按下 Ctrl+Shift+I（Windows）或 Cmd+Option+I（Mac），打开开发者工具。
-或者从 Chrome 菜单选择 更多工具 > 开发者工具。 - 进入远程设备调试界面：
-在 DevTools 界面中，点击右上角的三点菜单 > 更多工具 > 远程设备。
-或直接在地址栏输入 chrome://inspect，然后按下回车。 - 检测设备：
-在 “Remote Target” 页面，你应该能看到鸿蒙手机的设备名称。如果设备未显示，确保：
手机的 USB 调试已开启。
数据线连接稳定。
电脑上已安装手机驱动（Windows 需要手动安装）。
如果仍未显示，尝试重启 Chrome 或更换 USB 端口。
步骤 3：调试网页
- 在鸿蒙手机打开目标页面：
-在鸿蒙手机自带的浏览器或 WebView 中，打开需要调试的网页。
-确保页面保持活动状态。 - 在 Chrome 中找到对应页面：
-在 Remote Target 页面下，你会看到手机打开的网页列表。
-点击目标页面旁边的 Inspect 按钮。 - 调试页面：
-此时 Chrome 会打开该网页的开发者工具。
-你可以像调试普通网页一样，查看：
Console：查看 JavaScript 报错。
Network：查看网络请求状态。
Elements：检查和修改 HTML/CSS。
Sources：调试 JavaScript 代码。
