远程无线调试安卓手机(mi9)的chrome浏览器

引言

最近使用uni-app创建了一个H5项目;里面使用了自带的video播放m3u8格式的直播视频;由于播放器的限制PC上没有对应解码器,因此只能在手机上看到视频播放效果;这就给debug调试带来了很大的不便.

既然电脑上可以debug调试,手机同为chrome浏览器难道没有对应的调试方法吗?

解决方案

答案当然是肯定的,chrome为我们提供了远程调试方法(Remote debug Android devices)

我在公司没有USB数据线,因此决定采用无线调试的方法,若你可以有线连接PC则可以跳过这部分

无线调试

我手机的系统是MIUI 12.5.6 是Android 11的版本

无线调试的方法就是首先使用adb工具和手机建立连接,然后再调试

因为我不做安卓开发,没有Android Studio,因此需要下载adb命令行工具:SDK 平台工具版本说明

下载解压后将解压目录添加到环境变量中;

手机打开设置→更多设置→开发者选项→无线调试

• 手机在无线调试中点击使用配对码配对设备

• PC根据手机的IP 端口 和配对码 输入命令配对

命令为adb pair 192.168.1.12:42213根据提示输入配对码633060

• PC输入手机的IP地址和端口与之建立连接

命令为adb connect 192.168.1.12:39715

• PC输入adb devices查看设备连接状态

连接成功后手机将会显示:已连接到无线调试

USB调试

有线连接手机后打开设置→更多设置→开发者选项→USB调试即可

远程调试

手机Chrome打开任意网页

PC在Chrome中打开chrome://inspect/#devices将可以看到手机中打开的网页

点击Inspect即可看到手机端的开发者工具;若开发者工具白屏,则可点击inspect fallback

参考资料

• Remote debug Android devices
• Chrome remote debugging over wifi
• MIUI如何无线调试安卓应用