h5页面的缓存问题

Posted fenglovellx

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了h5页面的缓存问题相关的知识,希望对你有一定的参考价值。

最近遇到一个灵异事件

h5页面更新了js,在APP内部分登录用户可看新js渲染页面,另外登录用户看到是老js渲染的页面

js上线前会build带上hash,hash方式采用 aaa-1s12jashdjas.js 方式

用户手动清除APP缓存,重新登录后,进入页面的渲染方式正常

 

1、开始排查流程,前端修改了不规范的代码格式,再次上线仍可复现

2、疑似nginx有缓存html文件,找运维排查,nginx没有缓存该html页面

3、又排查nginx配置问题,再次上线部署,仍可复现

4、疑似CDN的问题,遂刷新CDN,仍然有问题

5、怀疑CDN刷新不成功,遂去掉该页面的CDN缓存,当然还是有问题

6、抓包查看,APP内访问该页面时,只请求了接口数据,并未去请求接口数据

7、遂找APP开发咨询,APP内h5页面统一使用默认html方式缓存页面,如果js有更新会去获取新的js,但是实际并没有去获取

 

所以当前需排查的问题:是APP缓存了html?还是服务端做了想要设置导致APP缓存未过期?

问题还在排查中,待更新

以上是关于h5页面的缓存问题的主要内容,如果未能解决你的问题,请参考以下文章

h5页面的缓存问题

判断页面是原生页面还是H5页面

安卓webview加载 h5页面 奔溃bug

第三方网站返回hybrid app H5页面缓存问题应对策略

[Web移动端H5页面制作] 使用localStorage缓存js和css文件

微信H5开发,页面被缓存,不更新