如何远程调试手机端H5页面排查问题

背景:QA提出华为畅享10手机兼容的bug,开发和QA不在一个城市,开发无法直接操作复现现象困难,于是产生了远程调试手机,实现异地解决问题。
一、华为畅享10安装开发提供的可调试的包(增加log版本,调用客户端接口写日志,开发会增加一些日志写入的埋点),将手机连接到电脑,谷歌访问chrome://inspect/#devices,看下是否出现Remote Target

出现remote target.png

二、手机操作,切换到出现问题的页面
点击inspect.png

三、新开的窗口提示404,需要翻墙工具(可以访问国外网站),否则就是多点击几次,看页面是否能正常加载出来(不翻墙我是没有加载出来)
没有翻墙页面打不开.png

四、翻墙工具安排上,成功打开调试串口,手机上复现问题的步骤,查看console面板中的内容,全选复制给开发分析问题
console信息.png

五、当console面板的日志不足于分析,开发就要远程QA电脑进行更进一步的调试,QA也可以直接点击应用中的上传日志,把对应日志发送给开发分析。

你可能感兴趣的:(如何远程调试手机端H5页面排查问题)