部分安卓手机访问小程序webview空白
2020-06-18 本文已影响0人
安小落_bc30
实际开发中,遇到只有部分安卓手机访问小程序webview空白,根本进不到webview页面里,排查步骤如下:
1.在电脑浏览器输入地址,显示能访问h5页面,如不能访问,请排查h5页面问题
2.若页面能访问,在小程序端排查,
a.不能访问为了防止是访问缓存的缘故,在打包的文件名中添加一个版本号以便浏览器能分,
找到webpack .prod.conf.js
修改要生成的js和css文件的配置项,把刚刚声明的版本拼接进要生成的文件名中;
output: {
path: config.build.assetsRoot,
filename: utils.assetsPath('js/[name].[chunkhash].' + Version + '.js'),
chunkFilename: utils.assetsPath('js/[id].[chunkhash].' + Version + '.js')
},
b.尝试在小程序webview的地址中拼接时间戳
c.经过上述两步,抓包发现不成功的手机访问的js和css名称不是最新打包名称
正常手机访问的是最近打包文件
由此可看出,访问的还是缓存。
d.经过一番查询,排查发现设置max-age,能够让其一段时间后不访问缓存
由此发现http cache需要认真学习的。