美文网首页Android开发
Android WebView开启Chrome调试模式

Android WebView开启Chrome调试模式

作者: 渐渐懂了吧 | 来源:发表于2021-02-10 11:28 被阅读0次

    相信大家都有用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我们就可以查看打印信息或者点击其他的选项来进行更多的调试操作了。

    相关文章

      网友评论

        本文标题:Android WebView开启Chrome调试模式

        本文链接:https://www.haomeiwen.com/subject/weohxltx.html