如何用 chrome inspect 调试 Android WebView

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

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

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

说正事了：

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

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

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

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

解决办法：

1、翻墙（反正我没钱，买不起 vpn）

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