Android的webview在电脑浏览器上调试

Android中使用webview的一个痛点就是调试不是很方便，本文介绍一种Android通过USB链接电脑后，在电脑浏览器中可以打开调试web页面的方式，主要是使用了浏览器自带的DevTools功能。

第一步：在webview相关代码中增加代码设置WebView.setWebContentsDebuggingEnabled(true);

这个设置的意思是开启webview调试功能，只有这个功能开启了才能在电脑中看到webview中的页面及页面的调试信息。

第二步：在电脑中打开浏览器Microsoft Edge 在新的页面中打开地址：edge://inspect

效果是这样的

第三步：点击最底部的inspect按钮，即可打开调试页面，例如：

这个方式，可以作为前端人员开发时验证页面功能使用，也可以作为Android开发人员配合前端调试问题使用。

其中第二步中浏览器可以使用谷歌浏览器，在谷歌浏览器中打开地址：chrome://inspect/#devices 

等一下后就会加载出来

然后直接点击Done按钮

打开浏览器信息后，点击inspect按钮就可以连接到Android端上的webview了