引言
最近使用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如何无线调试安卓应用