如何用 chrome inspect 调试 Android WebView

今天终于没有偷懒,趁着早起的空隙,记录一下昨天刚刚接触的 chrome inspect。

先描述一下问题:app 端打开离线包是正常的,但是从当前页面再操作跳转到下一个页面就会出现白屏的情况。(这下可把我整懵了,满打满算也才做了一年多的安卓开发,没遇到过这种情况呀。幸好技术支持人员给我指了一条路)

当我看到他给我发的这一条消息时,我的表情就是绝对的一脸懵逼,inspect 是啥?他在说啥?emmmm,当然还是求助于百度。

说正事了:

1、chrome inspect 是谷歌浏览器提供给手机(真机) APP 进行 web 页面调试的一个工具,打开浏览器输入 chrome://inspect 就会出来这样一个界面

如何用 chrome inspect 调试 Android WebView_第1张图片

2、上图可以看到 Redmi k20 Pro 就是我连接的手机了,如果此时手机打开了 APP 并且是 web 页面的话,就会是长这样的

如何用 chrome inspect 调试 Android WebView_第2张图片

3、点击 inspect 就会弹出一个小窗口,就可以对当前打开的 web 页面进行调试了(调试就跟普通调试 H5 页面没有区别了)

4、我这里的小窗口是空白的,过一会就会 404 ,原因是我没有,所以连接不上 google 的服务器。

解决办法:

1、(反正我没钱,买不起 )

2、下载一个比当前版本低的浏览器,这样的话就会出现一个 inspect fallback 选项,点击 inspect fallback 就可以马上进行调试啦。如图:

如何用 chrome inspect 调试 Android WebView_第3张图片

你可能感兴趣的:(android,开发)