微信浏览器的缓存问题解决

前言

记录下之前遇到的微信浏览器缓存问题以及解决方案。

解决方案

1.设置标签，这个在很多台设备上测试过，都没有起到作用。

<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" />

设置页面的meta标签，来告诉浏览器不要缓存当前页面，相当于http请求的请求头设置，在浏览器中生效，而在微信浏览器中无效；

2.静态资源加上版本号

a.传统的文件名后带参数的方式：app.js?v=12345
b.现在多用md5文件名的方式：app.12345.js
微信对于a方案，可能会直接忽略后面的hash值，建议使用b方案

3.入口文件被缓存

入口文件index.html被缓存后，加载的文件是旧的或者已经不存在于服务器中的文件

a.修改企业号入口url，在html后面加上?v=12345的hash值，无效
b.用webpack给入口文件加上md5版本号，需刷新一次才有效
c.把入口文件放到后端来渲染，让后端对返回的index.html做版本操作或者hash处理等方式
d.设置nginx的缓存机制，直接将nginx的缓存设置成为 {expires -1;}，设置成永远不缓存。有效

总结

给静态资源添加md5类型的版本号；
入口文件被缓存，首页是设置服务端的缓存机制。

参考资料

https://www.jianshu.com/p/cce9511c0914

微信浏览器的缓存问题解决相关推荐

php微信网页不缓存,微信浏览器取消缓存的方法
这篇文章主要介绍了微信浏览器取消缓存的方法,本文使用meta头信息实现取消了微信浏览器的缓存,特别是在开发时会经常用到,需要的朋友可以参考下. 做微信公众号和调试手机页面的时候,避免不了页面要跳转到微 ...
vue项目微信端清理缓存问题解决
vue项目微信端清理缓存问题解决参考文章: (1)vue项目微信端清理缓存问题解决 (2)http://www.cnblogs.com/sakura-lifangfang/p/9660550.htm ...
清理微信浏览器网页缓存的办法
微信开发是件非常蛋疼的事情,微信网页的缓存是更加蛋疼的东西,今天遇到的问题:一个页面在web开发工具上可以正常授权并获取到openid,放在手机上就死活不行,网上找来的办法如下: 使用微信内置的浏览器 ...
h5清理微信浏览器网页缓存
前言: 缓存这个问题的出现,真真切切的感受到微信浏览器这鬼东西对前端程序员充满了恶意,捋捋自己的发型,甚是恐慌(顿时有种想转php的冲动,有木有). 解决方案: 出现缓存问题导致用户出现很多车祸现场( ...
微信浏览器清理缓存的方法
项目场景: 项目包含电脑浏览器和手机的微信公众号两个部分,现在需要在微信端对项目进行测试问题描述: 在微信端打开项目的网页,发现某些部分的功能不如预期,退出微信并在服务器端进行修改,修改完成再次打开 ...
苹果微信浏览器html缓存图片吗,h5清理微信浏览器网页缓存
前言: 缓存这个问题的出现,真真切切的感受到微信浏览器这鬼东西对前端程序员充满了恶意,捋捋自己的发型,甚是恐慌(顿时有种想转php的冲动,有木有). 解决方案: 出现缓存问题导致用户出现很多车祸现场( ...
微信浏览器取消缓存方法大全
一.添加版本号请求同一个页面的时候,如果url后面的参数不一样,则不会调用微信缓存中的html页面,由此可以解决html页面的缓存问题.例如加个版本号或时间戳 a,传统的文件名后带参数的方式: in ...
【转】清理微信浏览器网页缓存的办法
微信开发是件非常蛋疼的事情,微信网页的缓存是更加蛋疼的东西,今天遇到的问题:一个页面在web开发工具上可以正常授权并获取到openid,放在手机上就死活不行,网上找来的办法如下: 使用微信内置的浏览器 ...
安卓苹果手机有效清除微信浏览器内部缓存
1.android内置浏览器缓存清除 android版微信内置浏览器(X5内核),在安卓版微信内打开链接 https://debugx5.qq.com ,拉到调试页面,勾选上所有的缓存项目,点击清除. ...

微信浏览器的缓存问题解决

前言

解决方案

总结

参考资料

微信浏览器的缓存问题解决相关推荐

最新文章

热门文章