背景

h5页面的调试一定要建立要梯子的情况下才能成功。 基于移动端WebView加的H5的页面都可以使用Chrome 来进行调试，以Android手机为例，调试过程大概如下:

准备工作

• 一台已经打开开发者模式的Android手机。
• 多数android手机可在关于手机里找到手机系统的版本号连续点击几次，直到提示开发人员选项已开启。
• 在设置里找到开发人员选项，打开USB调试。部分机型找不到可自行百度。
• 下载 platform-tools，是为了 chrome 可以调试手机
  首先登录网址，下载对应系统的 platform-tools

配置本地环境

添加环境变量

添加环境变量, 你的文件解压到哪里，这个环境变量就配置相对应的路径。

查看是否配置成功

在命令行输入 adb, 有如下展示， 说明安装成功

开始调试

在谷歌浏览器的地址栏中输入 chrome://inspect/#devices , 展示如下图

打开你需要调试的 h5 程序, 稍微等一会, 页面将会发生改变, 展示如下图 --- (需要借助 梯子)
注意:先打开浏览器到这个页面,在打开需要调试的H5程序的页面.
H5页面每跳转一次,webview就是当前页面的调试接口会刷新一次.(大概需要等5秒左右着网速)

通过 inspect 进入，你就可以在console 查看信息， 就可以和浏览器一样操作了，展示效果如下：