Android WebView开启Chrome调试模式

相信大家都有用Android中的WebView打开网页的开发经历,有时候我们需要查看网页中的一些信息,比如Console中的打印信息,但是从Android的WebView中是无法看到这些信息的,所以我们有时候就需要借助浏览器的开发者工具来调试这些网页,我们可以看看怎么才能做到这种事。

先说准备工作,手机必须连接电脑,并且处于USB调试模式,最重要的是手机当前所处于的网络必须与电脑一致。
然后我们先是要在代码中把WebView的浏览器调试开关打开:
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    webView.setWebContentsDebuggingEnabled(true);
}
webView.loadUrl("你的Url");
其次在浏览器的地址栏输入如下网址:

chrome://inspect/#devices

然后使用手机打开对应的WebView,稍等片刻,应该就可以看到这个网址内容出现了变化,出现如下类似信息就表示成功了,注意看这里的EML-AL00,这里就是我当前开发所使用的手机机型,它下面的网址就是我当前所打开的网址:
inspect.png
接下来是最后一步,让我们点击inspect,顾名思义就是开始检查当前网页,点击之后会弹出一个调试窗口,就是如下的效果:
inspect.png
这个时候点击Console我们就可以查看打印信息或者点击其他的选项来进行更多的调试操作了。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容