无线远程调试 Android 上的 WebView、Firefox 和 Chrome

2,444 阅读3分钟

自Android 11开始,ADB开始支持无需USB辅助的无线调试。在不便连接USB线缆时,无线调试就是连接手机ADB的唯一方法了。同样,调试 Android WebView 的工作也可以通过ADB的无线调试功能实现。

配置ADB无线调试

  1. 手机和电脑处于同一WLAN网络下,能ping通。
  2. 在手机上启用“开发者选项”,再打开“无线调试”,进入子菜单。
  3. 在手机上点击“使用配对码配对设备”,弹出配对码和配对专用IP地址和端口号。
  4. 在电脑上执行命令 adb pair ipaddr:port,其中使用手机上给出的IP地址的端口号,然后按提示输入配对码。
  1. 完成配对,你的电脑名称已经出现在了手机上“已配对的设备”下。
  2. 结束旧的 ADB Daemon Server 后再重新启动。依次执行adb kill-serveradb start-server
  3. 手动通过ADB连接手机。在电脑上执行adb connect ip:port,其中IP地址和端口为连接用的IP地址和端口。

屏幕截图 2024-06-16 234744.png

提示
  • 避免手机进入锁屏。手机锁屏再唤醒后,无线调试的端口号可能会更新,原有连接均会中断。
  • ADB Server 有时可以自动发现局域网中的无线调试设备。不过这项功能不太稳定,因此建议按上面的步骤手动连接手机。
  • ADB在这里下载 developer.android.google.cn/tools/relea…

无线调试 Android WebView

Android 应用的设置
  1. 在需要调试的APP中打开相应的网页
  2. 如果应用中的WebView不默认开放远程调试,则要按设置方法启用WebView远程调试功能。如微信就提供了启用WebView调试的方法[ 手机微信内点击debugxweb.qq.com/?inspector=…跳转过微信首页就是开启了调试,微信内再打开所需调试网址 ]
Microsoft Edge 设置
  1. 打开 edge://inspect/,勾选“Discover USB devices”。
  2. 刷新页面,等待检测到设备,有时可能要等将近半分钟。
  3. 出现你的手机名称后,找到要调试的WebView,点击“inspect”,在弹出的窗口中调试WebView。

屏幕截图 2024-06-16 230839.png

屏幕截图 2024-06-16 230602.png

提示
  • 等了很久都没有出现手机名称。关闭再打开Android“无线调试”选项更新端口号,然后再次执行上述重启服务并连接设备的命令。
  • 使用 Google Chrome 操作时,打开的调试窗口提示404。Chrome的一些资源需要从Google服务器上下载,在你的网络环境中可能无法正常访问。请换用 Edge 或其它 Chromium 浏览器再试。

调试 Firefox for Android

Firefox for Android 配置
  1. 在“设置”中勾选“通过 USB 远程调试”
电脑 Firefox 配置
  1. 打开 about:debugging,点击“启用USB设备”,确保左侧出现“USB已启用”提示。
  2. 等待搜寻设备,左侧应当很快列出设备名称。
  3. 点击设备名称,右侧会列出Firefox中打开的所有网页、Worker、扩展,按需进行调试。

屏幕截图 2024-06-16 231808.png

屏幕截图 2024-06-16 231707.png

提示
  • 很快就可以连接上设备,比Chrome快多了。

调试 Chrome for Android

与调试 Android WebView 的操作一样。不过 Chrome 的调试功能是自动开启的,无需进行设置就可以在电脑上检测到。

参考

[1] developer.android.google.cn/tools/adb?h… [2] developers.weixin.qq.com/community/m… [3] firefox-source-docs.mozilla.org/devtools-us…