不再犹豫
分享是一种美德

H5页面代码更新,微信端打开存在缓存解决办法

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:退出微信重新登录即可清除缓存。

学无止境,

欢迎大家关注公众号:

赞(3)
转载请注明来源地址:不再犹豫 » H5页面代码更新,微信端打开存在缓存解决办法

评论 抢沙发

评论前必须登录!