Chrome DevTools谷歌浏览器开发者工具远程调试 WebView

作者: Arvin Chen 分类: Chrome 来源: Break易站(www.breakyizhan.com)

使用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

  •   本文标题:Chrome DevTools谷歌浏览器开发者工具远程调试 WebView - Break易站
    转载请保留页面地址:https://www.breakyizhan.com/chromeconsole/2043.html
    扫描二维码添加微信 
  • ,领取淘宝优惠券,淘宝购物更优惠。现在添加微信,还可以领取机械键盘优惠券!添加微信后,分享淘宝选中的机械键盘给淘宝机器人即可领取!
    支持我们,就用微信淘宝!

    发表笔记

    电子邮件地址不会被公开。 必填项已用*标注

    更多阅读