阅读本文大约需要1.1分钟。
背景
现在移动应用中内嵌webview的场景越来越多了,我们经常会有这样的需要,出于想要调试某个H5页面或者测试某个H5页面的性能,我们需要得到该页面的地址,但一时找不到负责这个页面的开发同学,今天就跟大家分享一下如何快速查看native应用中的H5页面地址。
方案
在开始之前,我们需要在电脑上装好最新版的Chrome浏览器,还有一个debug包(开发包)。
将装有debug包的手机连接好电脑,然后打开Chrome浏览器,在地址栏输入:
chrome://inspect 就可以看到当前H5页面的地址信息了。
使用上面的 DevTools 可以在原生 Android 应用中查看调试 WebView 内容,这是因为我们在debug包中开启了WebContentsDebuggingEnabled开关,但是有时候我们可能还会有这样的需求:想要做竞品分析,或者一时拿不到被测包的debug版本,这时候就需要Xposed出场了。
首先我们要先准备一台root过的手机,然后下载好最新版的Xposed,具体下载地址可以后台回复:“Xposed”:
这里如果没有安装过的话就选择“安装/更新”,然后点“安装”会自动下载刷入,建议大家用小米或者华为荣耀低版本的机型,最好不要超过Android9.0。
接着安装WebViewDebugHook.apk,GitHub地址是:
https://github.com/feix760/WebViewDebugHook
打开 Xposed 进入左侧的模块,然后启用需激活的模块,之后重启手机即可使用:
这时候再打开chrome://inspect 就可以看到H5链接地址信息了。