|
本人用微信公众号开发时，使用的html5页面，页面使用js或css文件方法修改了，但是更新到微信公众号上面总是看不到效果，后面在网上找了原因，发现微信是使用内置浏览器，会自动帮我们缓存数据，导致更新不及时或没有效果。
经过网上搜索清除微信内置浏览器缓存方法，具体如下
1）使用链接 https://debugx5.qq.com（适用于安卓端，适合开发者测试使用）
2）使用微信设置清除（我-->设置-->通用--> 存储空间-->缓存-->清理） （安卓端有时可以，有时不行；苹果端清除缓存会把微信视频、图片清除，不合理）
3）在html5添加meta标签，取消使用缓存（原理：配合 meta禁用缓存标签，实现禁用浏览器缓存,自动刷新） 经测试，微信公众号上面不起作用
<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" />
4）在请求页面的url或资源文件添加随机版本号（原理：让微信浏览器以为是新资源文件，每次都会更新缓存）（经测试，在微信公众号上面不去作用）
<script src="./js/orderForm.js?v="+ Math.random() +""></script>
<link rel="stylesheet" href="./css/orderForm.css?v="+ Math.random()+"" />
5）在请求页面Html标签添加不存在manifest文件链接（原理：根据HTML5 W3C规范，解析器下载manifest header 404/410时，缓存即失效） 已测试，无效
<html manifest="IGNORE.manifest">
6）更改引用的资源文件名称（原理：每次页面更新，都是一个新的js、css文件版本） (若以上方法还是不能解决，可以最后尝试，无奈之举)
<script src="./js/orderForm_210820.js“></script>
<link rel="stylesheet" href="./css/orderForm_210820.css" />
总之，微信内置浏览器缓存机制好坑啊、好坑啊、好坑啊
参考网址：
https://blog.csdn.net/xialong_927/article/details/88687080
https://www.jianshu.com/p/3f8e1209aad2
平时多记记，到用时才能看看，记录你的进步，分享你的成果
来源：https://www.cnblogs.com/xielong/p/14784357.html |
发表于 2021-5-19 11:26:00
