H5页面代码更新,小程序的H5页面还是显示旧的,这是怎么回事?
这是因为微信端的页面缓存:
1、HTML缓存,查看响应的http是否有设置缓存时间,这个是本地缓存。
2、如经过CDN,检查CDN配置的静态缓存时间
3、缓存是基于URL进行的,所以上面都有说到URL+参数进行,但别忽略了页面里面引用资源的链接,如果要强制更新同步也要加上
下面来说说解决办法:
第一种:css、js文件动态添加版本号或者是参数值
例如:添加时间戳:
<script type="text/javascript">
document.write("<link rel='stylesheet' type='text/css' href='css/style.css?v="+new Date().getTime()+"'>");
</script>
第二种:HTML添加标签缓存设置
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
第三种:手动清理(不推荐、不友好)
安卓:debugx5.qq.com,勾选Cookie,文件缓存两项,进行清除即可。
ios:退出微信重新登录即可清除缓存。
学无止境,
欢迎大家关注公众号:

评论前必须登录!
注册