• Tags , ,         
  • 2018-03-09  16:55:15        
  • 152 °C    

    使用Chrome开发人员工具调试原生Android应用中的WebView。

    在Android 4.4(KitKat)或更高版本上,使用DevTools在原生Android应用中调试WebView内容。

    TL;DR

    • 在原生Android应用启用WebView调试;在Chrome DevTools中调试WebView。
    • 通过chrome://inspect访问可调试的 WebView 列表。
    • WebView调试与通过远程调试一个网页是相同的。

    配置WebView来进行调试

    在你的应用程序内必须启用WebView调试。要启用WebView调试,调用WebView类上的静态方法setWebContentsDebuggingEnabled

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        WebView.setWebContentsDebuggingEnabled(true);
    }
    

    此设置适用于所有应用程序的WebView。

    提示: WebView调试受应用程序 manifest 中debuggable标志的状态的影响。如果你想要仅在debuggabletrue时启用WebView调试,在运行时测试这个标志。

    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        if (0 != (getApplicationInfo().flags & ApplicationInfo.FLAG_DEBUGGABLE))
        { WebView.setWebContentsDebuggingEnabled(true); }
    }
    

    在 DevTools 中打开一个 WebView

    chrome://inspect 页面显示了你的设备上可调试的 WebViews 列表。

    要开始调试,请点击要调试的WebView下面的inspect(检查)。 像使用远程浏览器标签页一样使用 DevTools 。

    使用WebView列出的灰色图形表示其相对于设备屏幕的大小和位置。如果您的WebViews设置了标题,标题也会被列出。

    故障排除

    chrome://inspect页面上看不到你的 WebView ?

    • 确认你的应用程序是否开启 WebView 调试。
    • 在您的设备上打开APP及想要调试的WebView 。然后,刷新chrome://inspect页面。

    说明

    翻译自:https://developers.google.com/web/tools/chrome-devtools/remote-debugging/webviews

     
    转载请保留页面地址:https://www.breakyizhan.com/chromeconsole/2043.html