美文网首页
部分安卓手机访问小程序webview空白

部分安卓手机访问小程序webview空白

作者: 安小落_bc30 | 来源:发表于2020-06-18 10:27 被阅读0次

实际开发中,遇到只有部分安卓手机访问小程序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需要认真学习的。

相关文章

网友评论

      本文标题:部分安卓手机访问小程序webview空白

      本文链接:https://www.haomeiwen.com/subject/qtbyxktx.html