(2)Android 调试 H5页面

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了(2)Android 调试 H5页面相关的知识,希望对你有一定的参考价值。

参考技术A 我们使用chrome 浏览器 + android 手机的方式进行页面调试。

因为安卓机型比较多,所以打开开发者模式的过程可能会略有不同,方法就是在 “设置” 中找到当前Android手机的版本号(不是Android的版本号),多次点击,手机下方就会有toast提示进入开发者模式。

打开手机的“设置”,往下滑动找到开发人员选项,进入后打开USB调试的开关。

将电脑和手机连入同一个网络,用数据线将手机连到电脑上面,信任电脑设备,这样就完成连接了。

在chrome浏览器地址栏中输入chrome://inspect/#devices,我们就能看到连接的Android设备了。

点击以上的inspect以后可能会一直显示白屏,这时候我们从两个方向尝试着去解决这个问题:

1、检查当前电脑是否能正常打开google页面, 必须确保能正常打开,因为这个功能需要访问谷歌服务。

2、检查浏览器版本,尽量使用最新版本的chrome。

以上是关于(2)Android 调试 H5页面的主要内容,如果未能解决你的问题,请参考以下文章

基于Chrome调试Android内置H5页面

Android端H5测试

Android通过Chrome Inspect调试WebView的H5 App出现空白页面的解决方法(不需要FQ)

为啥用谷歌调试的h5页面放到安卓上不一样

在电脑上调试苹果ios上的h5页面

(1)ios 调试 H5页面