安卓edge://inspect 和 chrome://inspect调试移动设备上的网页

edge://inspect 和 chrome://inspect 是用于调试浏览器中运行的网页和移动设备上的网页的工具。这两个工具分别属于 Microsoft Edge 和 Google Chrome 浏览器。以下是它们的详细介绍：

chrome://inspect

如果是直接使用数据线调试，则只需要执行下面的第一步和第二步 “1.启用 USB 调试：2.连接设备：”，

电脑打开Chrome访问 chrome://inspect或打开 Microsoft Edge 访问edge://inspect

如果等10秒调试界面无反应，拔掉再连接数据线试试

---

在安卓设备上使用 chrome://inspect 和 edge://inspect 进行远程调试，需要确保设备和计算机之间的正确配置。以下是详细的步骤：

使用 chrome://inspect 进行远程调试

前提条件

1. 安卓设备：确保设备已连接到与计算机相同的 Wi-Fi 网络。
2. USB 调试：确保设备已启用 USB 调试模式。
3. Chrome 浏览器：确保设备上安装了最新版本的 Google Chrome 浏览器。

1. 启用 USB 调试：

   • 打开安卓设备的“设置”。
   • 进入“关于手机”或“关于平板电脑”。
   • 连续点击“版本号”七次，直到看到“您已处于开发者模式”的提示。
   • 返回“设置”主菜单，进入“系统” -> “开发者选项”。
   • 启用“USB 调试”。

2. 连接设备：

   • 使用 USB 数据线将安卓设备连接到计算机。
   • 在设备上允许 USB 调试（如果弹出提示）。

3. 在计算机上启用端口转发：

   • 打开命令提示符（Windows）或终端（macOS/Linux）。
   • 输入以下命令以启用端口转发：

     adb tcpip 9222

   • 断开 USB 连接，确保设备仍然连接到同一 Wi-Fi 网络。

4. 获取设备 IP 地址：

   • 在安卓设备上打开“设置” -> “关于手机” -> “状态” -> “IP 地址”。
   • 记下设备的 IP 地址，例如 192.168.1.100。

5. 启动 Chrome 远程调试：

   • 在设备上打开 Chrome 浏览器。
   • 访问 chrome://inspect。
   • 点击“Port forwarding”下的“Add rule”。
   • 输入设备的 IP 地址和端口，例如 192.168.1.100:9222。
   • 点击“Add”。

6. 在计算机上访问远程调试页面：

   • 打开计算机上的 Chrome 浏览器。
   • 访问 http://192.168.1.100:9222。
   • 现在你应该能看到设备上正在运行的 Chrome 浏览器实例。
   • 点击“inspect”链接以打开 DevTools 进行调试。

注意事项

• ADB 工具：确保计算机上已安装 Android Debug Bridge (ADB) 工具。可以通过 Android SDK Platform-Tools 下载。
• 防火墙设置：确保防火墙没有阻止端口 9222 的通信。
• 网络连接：确保设备和计算机在同一 Wi-Fi 网络下，以避免网络问题。

通过以上步骤，你可以在安卓设备上使用 chrome://inspect 和 edge://inspect 进行远程调试，从而更方便地调试移动设备上的网页应用。