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

1.准备步骤

使用Chrome://inspect调试 Android 设备上Webview_第3张图片

使用Chrome://inspect调试 Android 设备上Webview_第4张图片

2.操作步骤

使用Chrome://inspect调试 Android 设备上Webview_第5张图片

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

使用Chrome://inspect调试 Android 设备上Webview_第6张图片

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

使用Chrome://inspect调试 Android 设备上Webview_第7张图片

使用Chrome://inspect调试 Android 设备上Webview_第8张图片

在 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 -> 模块，然后启用需激活模块的复选框，正常重启后即可使用

操作步骤

使用Chrome://inspect调试 Android 设备上Webview_第12张图片

参考资料：

远程调试 Android 设备使用入门 .
https://developers.google.com/web/tools/chrome-devtools/remote-debugging/
远程调试 WebView .
https://developers.google.com/web/tools/chrome-devtools/remote-debugging/webviews
强制开启android webview debug模式使用Chrome inspect . http://blog.csdn.net/zhulin2609/article/details/51437821
使用Chrome 浏览器调试移动端网页chrome://inspect/#devices . http://blog.csdn.net/byc233518/article/details/52437498
使用Xposed强制androidwebView开启debug模式 . http://www.alloyteam.com/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/
华为荣耀畅玩4X刷recovery的教程(全版本适用) . http://www.huaweirom.com/guide/2610.html
荣耀4X全系列第三方REC集合 . http://cn.club.vmall.com/thread-11782089-1-1-1610.html

更多相关文章