Android WebView 调试模式(谷歌浏览器)

问题

用WebView加载H5页面的时候,数据加载不出来,让H5通过alert错误信息的方式,又太麻烦,还是自己通过日志解决问题更舒服,假他人之手,总觉得怪怪的!
ps:最终问题解决,是前端存数localStorage出现的语法错误。

开启步骤

1. 代码中设置WebView打开Debug模式
setWebContentsDebuggingEnabled(true)
2. 手机下载谷歌浏览器(非必须,可能和机型有关)

因为调试的时候遇到不显示 WebView调试入口 的情况,下载手机版Chrome浏览器后,不需要进行任何操作,就可以找到了,还以为是必须下载;后来遇到有的机型不下载也是可以调试的,就仅作记录好了。

只能看到连接的设备,看不到WebView的信息
3. 开启调试页面的命令

PC端的谷歌浏览器(Chrome浏览器)中输入以下命令,回车即可

chrome://inspect/#devices
4. 最终效果

看到了要调试的WebView的信息,点击 inspect ,即可进入调试界面

千呼万唤始出来

调试页面

未尽之意
// 专治页面加载空白
val webSettings = settings
webSettings.domStorageEnabled = true

发现小技巧(2019.4.23)

设置弱网环境

点击下拉框

很多内置网络环境可以选择

自定义弱网环境:


点击 add,进入当前页面
设置即可

注意

若是不生效,报 404 ,打不开页面的话。

小技巧

比如你想要监测每个资源的加载时间,当你进入页面的时候已经加载完毕了,刷新的话有缓存,所以需要强刷,快捷键 cmd+shift+r

资源加载时间

参考文章

打开Android APP Webview调试模式
Android WebView 调试方法

你可能感兴趣的:(Android WebView 调试模式(谷歌浏览器))