Android WebView 调试方法

调试Android WebView中的h5页面，本人通常就是通过alert来定位问题，效率低且无法直接调试样式或打断点，可谓是事倍功半。本文介绍一下我在项目中使用的新方法，能够通过chrome的开发工具在原生 Android 应用中调试 WebView。

前提条件：
Android4.4+

基本原理：
1.在APP中启用 WebView 调试，开启调试后，Chrome DevTools才能对WebView进行远程调试；

WebView.setWebContentsDebuggingEnabled(true);　

2.通过访问chrome://inspect/#devices访问已启用调试的 WebView 列表；

3.调试Webview与远程调试普通页面相同，远程调试普通页面也就是在安卓手机中安装Chrome浏览器，使用USB 连接 PC，然后在 PC 的 Chrome 浏览器中打开 chrome://inspect/#devices 即可。

使用场景
1.测试包
如果团队中有Android开发人员能够提供测试包，只要在测试包中开启Webview的debug模式就可以了。

安装完毕后，接下来就可以调试Webview了。

找到你准备调试的页面，并且确保手机上的那个页面也是处于激活状态的的，然后点击蓝色的 inspect 链接，会弹出一个新的窗口；

另外还有两个小Tips：

（1）访问chrome://inspect/#devices如果chrome没有检测到Remote Target中的页面，可能需要安装一下chrome的ADB插件；

（2）对于腾讯系的APP，默认采用X5内核，需要将WebViewDebugHook的git目录下的debug.conf文件拷贝到SD卡的根目录下即可。

转载自：https://www.cnblogs.com/wmhuang/p/7396150.html