android7webview加载vue页面白屏

180 阅读1分钟

前言

2023年了,还有android7的手机运行app,突发生产报障webview加载h5页面白屏。

排查思路

1、找一台对应系统的手机,打开设置-应用-显示系统应用,找到android system webview,查看版本号,我这里看到andorid7.1.1的手机上webview版本为52.0.2743.100。

2、下载chrome52版本的浏览器,打开对应页面,从控制台可以看出是js解构运算符...无法解析造成运行时报错。

3、修改代码,发布测试环境后在真机上调试。

4、手机usb连接电脑,打开usb调试模式,手机连接方式由充电模式改为文件传输,chrome浏览器打开chrome://inspect,点击对应页面的inspect按钮发现404错误,查找资料后发现可以用edge浏览器打开edge://inspect,点击对应页面的inspect按钮进行调试。

5、测试环境验证通过,发布生产灰度,真机再次验证。