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

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

作者: 莫依痕 | 来源:发表于2022-02-11 14:45 被阅读0次

背景: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页面排查问题

    背景:QA提出华为畅享10手机兼容的bug,开发和QA不在一个城市,开发无法直接操作复现现象困难,于是产生了远程调...

  • 移动端调试

    一、关于spy-debugger 一站式页面调试、抓包工具。远程调试任何手机浏览器页面,任何手机移动端webvie...

  • iOS - 在Safari调试h5页面

    APP项目中嵌入了h5页面,但不能正常展示,为了排查问题所在,在浏览器中调试,但是此h5页面需传参进入(用户信息)...

  • 如何用手机连接电脑调试H5页面

    教程说明 相信刚接触移动端H5开发的都有一个问题,手机上应该如何调试H5,打印相应的log信息,而不是使用aler...

  • 苹果手机调试工具safari

    在移动web开发过程中,需要经常考虑调试的问题,以下将对如何在苹果手机的safari浏览器上调试H5页面进行介绍。...

  • iOS 2017 UIWebView 实用举例

    随着H5的大火,手机端的页面很多也被网页端侵蚀了,作为手机端的开发人员,就算不需要学会H5的开发,如何和h5(j...

  • Android - adb 远程调试

    最近遇到 mac,adb 一连接手机端,手机端就死机的问题。只能使用 adb connect ip 进行远程调试安...

  • 2018-10-16移动设备兼容性

    移动设备h5 web网站手机H5页面的区别 分辨率不同,web端为宽屏,手机端为窄平移动设备兼容测试的问题 买手机...

  • 手机端页面如何调试?

    如何调试手机页面? 将手机连接到PC的同一个网络 用手机访问PC提供的 HTTP 服务(本地开起http-seve...

  • 移动端web页面适配

    移动端Web页面,即常说的H5页面、手机页面、webview页面等。 手机设备屏幕尺寸不一,在做移动端的Web页面...

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/kdwakrtx.html