html5 application cache遇到的严重问题


Posted in HTML / CSS onDecember 26, 2012

在我们的3G版网站的项目中使用了html5 application cache,将大部分图片资源、js、css等静态资源放在manifest文件中。

没想到上线第一天就遇到了严重问题:application cache会默认缓存当前页面!!!就算我们有如下设置:

复制代码
代码如下:

NETWORK:*

也就是说,对于所有的动态页面,application cache会缓存起来,用户怎么刷新都是老的!

而且手机浏览器还很难清除掉,也不支持js清除!

花了一个上午,尝试了很多办法,查了很多资料,都没能清除掉客户端的缓存。一上午被用户投诉惨了。

最后还是万能的stackoverflow救了我:

Do not use appcache unless it is REALLY 100% EXACTLY WHAT YOU WANT TO DO
Even if it IS 100% EXACTLY WHAT YOU WANT TO DO, *DO NOT* use appcache until you are 100% CERTAIN that you are not going to make a single change to that page (or any file that it links to) for a LONG time.
Delete the manifest file from the server -- if the browser can't find the manifest file, then it will clear its cache... ...this will also turn caching off for everyone.
Don't turn it on again until it's 100% CORRECT
Dealing with appcache is miserable, often.
解决办法很简单,在服务器端删除掉manifest文件,并且慎用application cache

当然,也有办法是用application cache,同时能绕过自动缓存当前页面的问题。那就是用iframe

HTML / CSS 相关文章推荐
利用css3 translate完美实现表头固定效果
Feb 28 HTML / CSS
让IE6支持css3,让 IE7、IE8 都支持CSS3
Oct 09 HTML / CSS
css3学习心得分享
Aug 19 HTML / CSS
10分钟理解CSS3 FlexBox弹性布局
Dec 20 HTML / CSS
CSS3.0实现霓虹灯按钮动画特效的示例代码
Jan 12 HTML / CSS
详解移动端HTML5音频与视频问题及解决方案
Aug 22 HTML / CSS
HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦
Apr 25 HTML / CSS
使用HTML5的File实现base64和图片的互转
Aug 01 HTML / CSS
HTML5中5个简单实用的API(第二篇,含全屏、可见性、拍照、预加载、电池状态)
May 07 HTML / CSS
基于zepto的插件之移动端无缝向上滚动并上下触摸滑动实例代码
Dec 20 HTML / CSS
纯CSS实现酷炫的霓虹灯效果
Apr 13 HTML / CSS
如何在CSS中绘制曲线图形及展示动画
May 24 HTML / CSS
html5 web本地存储将取代我们的cookie
Dec 26 #HTML / CSS
html5之Canvas路径绘图、坐标变换应用实例
Dec 26 #HTML / CSS
html5声频audio和视频video等新特性详细说明
Dec 26 #HTML / CSS
html5-Canvas可以在web中绘制各种图形
Dec 26 #HTML / CSS
在IE6系列等老式浏览器中使用HTML5的新标签实现方案
Dec 25 #HTML / CSS
HTML5引入的新数组TypedArray介绍
Dec 24 #HTML / CSS
突破canvas语法限制 让他支持链式语法
Dec 24 #HTML / CSS
You might like
基于php验证码函数的使用示例
2013/05/03 PHP
PHP实现抓取Google IP并自动修改hosts文件
2015/02/12 PHP
php+ajax无刷新上传图片实例代码
2015/11/17 PHP
PHP 信号管理知识整理汇总
2017/02/19 PHP
Aster vs KG BO3 第三场2.19
2021/03/10 DOTA
How to Auto Include a Javascript File
2007/02/02 Javascript
javascript 硬盘序列号+其它硬件信息
2008/12/23 Javascript
javascript学习笔记(十一) 正则表达式介绍
2012/06/20 Javascript
Firefox和IE兼容性问题及解决方法总结
2013/10/08 Javascript
javascript 闭包详解
2015/02/15 Javascript
jQuery给动态添加的元素绑定事件的方法
2015/03/09 Javascript
用原生js统计文本行数的简单示例
2016/08/19 Javascript
JQuery学习总结【二】
2016/12/01 Javascript
原生JS实现垂直手风琴效果
2017/02/19 Javascript
vue中slot(插槽)的介绍与使用
2018/11/12 Javascript
Vue.js组件props数据验证实现详解
2019/10/19 Javascript
Javascript新手入门之字符串拼接与变量的应用
2020/12/03 Javascript
NodeJS和浏览器中this关键字的不同之处
2021/03/03 NodeJs
[02:15]2014DOTA2国际邀请赛 专访LGD.lin小兔子是大腿
2014/07/14 DOTA
Python生成随机验证码的两种方法
2015/12/22 Python
python 2.6.6升级到python 2.7.x版本的方法
2016/10/09 Python
Python实现简单遗传算法(SGA)
2018/01/29 Python
python中利用h5py模块读取h5文件中的主键方法
2018/06/05 Python
使用 Python 实现文件递归遍历的三种方式
2018/07/18 Python
解决Python plt.savefig 保存图片时一片空白的问题
2019/01/10 Python
500行Python代码打造刷脸考勤系统
2019/06/03 Python
python tkinter图形界面代码统计工具(更新)
2019/09/18 Python
把富文本的回车转为br标签
2019/08/09 HTML / CSS
Funko官方商店:源自美国,畅销全球搪胶收藏玩偶
2018/09/15 全球购物
《水上飞机》教学反思
2014/04/10 职场文书
死亡赔偿协议书
2015/01/28 职场文书
校长一岗双责责任书
2015/05/09 职场文书
会议开幕致辞怎么写
2016/03/03 职场文书
Sql-Server数据库单表查询 4.3实验课
2021/04/05 SQL Server
详解CSS3.0(Cascading Style Sheet) 层叠级联样式表
2021/07/16 HTML / CSS
基于Python实现西西成语接龙小助手
2022/08/05 Golang