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

学无止境，

欢迎大家关注公众号：