微信H5开发缓存问题解决

移动端微信开发过程中，多数人可能遇到过打包编译完的文件上传到服务器之后，立即访问会发现存在缓存，有的时候部分设备刷新页面或者清除微信以及QQ浏览器缓存会解决这种现象，这对于项目运行有一定的影响，所以总要找出解决办法。

原因：

微信x5内核浏览器webview上层缓存机制，访问过的页面，静态资源都会被缓存，待下次访问，所有资源是从缓存中拉取的，而不是实时更新的。

解决办法：

1.手动清理缓存（十分不友好）

安卓：debugx5.qq.com，勾选Cookie，文件缓存两项，进行清除即可。

ios：退出微信重新登录即可清除缓存。

2.自动清理缓存

手动清除缓存虽然可能能够达到更新的目的，但是对于用户十分不友好，总不能每次更新都让客户去刷新页面，这对于ToB/ToC的项目是要命的，要想从根本上解决问题，还是要浏览器不缓存资源的方法最为妥当。

①版本号

对项目中的静态资源文件名称添加版本号，如：文件名带参数【index.js?v=b8c42adff1b74f6e】或者采用md5文件名【index-b8c42adff1b74f6e.js】两种方式，经过测试均有效果，但是文件名带参数的方式可能会被微信忽略掉hash值。

②nginx

location ~ .*\.(?:htm|html)$ {# 由于服务器部署多套项目环境，所以配置具体的项目目录。root    jimei-admin# 缓存设置 -1为永不缓存expires      -1;# 添加返回头字段，设置HTTP请求头add_header Cache-Control "private, no-store, no-cache, must-revalidate, proxy-revalidate";
}

通过以上方法就可以解决掉头疼的微信X5浏览器缓存问题了，nice！

微信H5开发缓存问题解决相关推荐

h5键盘把页面顶走了_微信h5开发的坑
记一次微信h5开发的坑... 正常的效果如下: 本身用的cube-ui开发,上半部分是自己写的,下边用的是better-scroll,为了滑动更流畅.这个页面前边有一个登录页面,登录之后就会跳到这个首 ...
挑选微信h5开发制作公司的标准是什么？
基于H5引擎技术的不断成熟与迭代,H5小游戏的制作水准和需求量也是越来越高,像TOM游戏,金豆游戏这些h5开发公司也如雨后春笋般涌现出来,现在市面上的微信h5开发制作公司那么多,又该如何挑选呢?挑选的 ...
vue项目微信端清理缓存问题解决
vue项目微信端清理缓存问题解决参考文章: (1)vue项目微信端清理缓存问题解决 (2)http://www.cnblogs.com/sakura-lifangfang/p/9660550.htm ...
微信H5开发-大多数前端都会遇到的几个兼容性的坑
点击上方"小生方勤",选择"设为星标" 第一时间关注技术干货! 最近给公司微信公众号,写了微信h5业务页面,总结分享一下前端开发过程中的几个兼容性坑,项目直接拿 ...
微信H5开发之页面布局
随着微信用户数量超过 10 亿,作为 web 开发者,微信很多时候已经成为了我们 web 页面的载体,我们制作的页面几乎都会在微信上面展示和传播.于是,在开发过程中,如何去兼容微信,就成为了一个 we ...
微信浏览器的缓存问题解决
前言记录下之前遇到的微信浏览器缓存问题以及解决方案. 解决方案 1.设置标签,这个在很多台设备上测试过,都没有起到作用. <meta http-equiv="Cache-Contro ...
html5微相册,微信开发微信H5开发微信小程序微报名微相册微**
尚仁网络声明:本服务标价仅作为参考,最终开发费用以实际需求评估为准. [交易流程] 1.预定之前请您先通过猪八戒网与我咨询沟通,您所需大致想法和需求.开发费用及开发周期都是根据您的需求功能和难易程度而 ...
微信互动小游戏H5案例模板-情人节游戏微信h5开发
每年的情人节是商家们大搞营销活动的好时机,为了满足客户需要,由TOM游戏专门为情人节打造的H5游戏<玩具熊总动员>上线啦,玩具熊,玫瑰花,巧克力这些节日主打的商品又到了促销的好时机,选择这 ...
记录一次微信h5开发使用js-sdk的过程（填异步串行的智商坑）
1. 安装jweixin-module这个包 npm install jweixin-module --save 2. 写一个单独的js文件来定义初始化配置及其他方法 // jwx.js let jw ...
微信h5开发案例-- HTML5小游戏忆童年
相信大家小时候都玩过调色板游戏,TOM游戏定制平台忆童年活动同步上线了数款游戏,其中一版就和颜色有关,就是今天小编为大家带来的<色彩传递>,本作尤其适合测试小朋友对颜色的敏感度,又好玩还能 ...

微信H5开发缓存问题解决

微信H5开发缓存问题解决相关推荐

最新文章

热门文章