分享

使用Chrome://inspect调试 Android 设备上Webview

 wusiqi111 2020-01-09

一、查看Android设备上谷歌浏览器的页面

1.准备步骤

  • 开发计算机上已安装 Chrome 32 或更高版本。

  • Android 4.0 或更高版本。

  • 您的 Android 设备上已安装 Chrome(Android 版)。

  • 拥有一根可以将您的 Android 设备连接至开发计算机的 USB 电缆。

  • 开发计算机上已安装 [USB 驱动程序],打开USB调试,这里借助了华为手机助手



2.操作步骤
  • 在 Android 设备上打开 Chrome,随意打开一个网页

  • 在PC端输入chrome://inspect,打开DevTools页面


如果此刻还是一片空白的话,安装看看谷歌的拓展插件“ADB Plugin”



PS:在输入框中输入一个网址,然后点击 Open。此页面将在 Android 设备上的新标签中打开。


  • 要开始调试,请点击您想要调试的 WebView 下方的 inspect。

二、查看Android应用中的页面

在 Android 4.4 (KitKat) 或更高版本中,使用 DevTools 可以在原生 Android 应用中调试 WebView 内容,在 WebView 类上调用静态方法 setWebContentsDebuggingEnabled

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

但我们开发中接触的apk往往是第三方的,没谁会为我们开启webContentsDebuggingEnabled。而Xposed能强制做到这一点

2.准备步骤

  • EMUI3.1&&Android 5.1(Lollipop)
    之前的手机配置是EMUI3.0&&Android 4.4.4(KitKat),Xposed 2.7,出现报错

  • Android设备解锁

  • Android设备输入第三方Recovery

  • Xposed 3.1.5
    打开 Xposed Installer,选择“安装/更新”的最新版,然后点“安装”会自动下载刷入

  • WebViewDebugHook.apk
    打开 Xposed Installer -> 模块,然后启用需激活模块的复选框,正常重启后即可使用

操作步骤

参考资料:

  1. 远程调试 Android 设备使用入门 .
    https://developers.google.com/web/tools/chrome-devtools/remote-debugging/

  2. 远程调试 WebView .
    https://developers.google.com/web/tools/chrome-devtools/remote-debugging/webviews

  3. 强制开启android webview debug模式使用Chrome inspect . http://blog.csdn.net/zhulin2609/article/details/51437821

  4. 使用Chrome 浏览器调试移动端网页chrome://inspect/#devices . http://blog.csdn.net/byc233518/article/details/52437498

  5. 使用Xposed强制androidwebView开启debug模式 . http://www./2015/04/%E4%BD%BF%E7%94%A8xposed%E5%BC%BA%E5%88%B6androidwebview%E5%BC%80%E5%90%AFdebug%E6%A8%A1%E5%BC%8F/

  6. 华为荣耀畅玩4X刷recovery的教程(全版本适用) . http://www./guide/2610.html

  7. 荣耀4X全系列第三方REC集合 . http://cn.club.vmall.com/thread-11782089-1-1-1610.html

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多