如何调试 Android端的H5

2,426 阅读1分钟

1.要和Android端开发人员沟通好,让其提供测试端口开放(调试模式)的App。

2.手机打开开发者模式之后,用USB连接电脑,一定要确保连接成功。

3.打开chrome浏览器,地址栏输入chrome://inspect/#devices

打开新版的edge浏览器,地址栏输入edge://inspect/#devices (尽量不用)

4.成功示例图:出现如下就是连接成功,可以正常调试(点击inspect进入,需要科学上网)。

image.png

以上就是调试的所有步骤,出现问题请参考下面例子。

扩展:

5.默认情况下远程机器列表是空的。默认只会允许调试浏览器自己打开的页面。远程的需要我们自己添加。点击Configure添加远程机器,在弹窗中填写IP地址和端口,因为是本机所以直接填写localhost,也可填写远程地址。点击Done,回到前页,等待下或者刷新就可以看到被调试的浏览器打开的页面了。

出错与原因:

  1. 未出现手机机型,请排查是否电脑连接成功,原因 1.出现电脑未安装手机驱动 2. 数据线不合适

  1. 出现手机机型,未出现内容的。 原因:应用未开放调试模式

  1. 谷歌浏览器出现点击inspect 无法打开的情况。原因:需要科学上网。

新版的edge浏览器,地址栏输入edge://inspect/#devices,能打开,不需要科学上网。