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实现字体颜色渐变的实现
Mar 09 HTML / CSS
利用CSS3实现炫酷的飞机起飞动画
Sep 17 HTML / CSS
CSS3径向渐变之大鱼吃小鱼之孤单的大鱼
Apr 26 HTML / CSS
利用CSS3实现的文字定时向上滚动
Aug 29 HTML / CSS
详解CSS3 filter:drop-shadow滤镜与box-shadow区别与应用
Aug 24 HTML / CSS
HTML5打开本地app应用的方法
Mar 31 HTML / CSS
详解HTML5 canvas绘图基本使用方法
Jan 29 HTML / CSS
html5适合移动应用开发的12大特性
Mar 19 HTML / CSS
通过HTML5 Canvas API绘制弧线和圆形的教程
Mar 14 HTML / CSS
HTML5图片层叠的实现示例
Jul 07 HTML / CSS
canvas绘制图片drawImage使用方法
Sep 15 HTML / CSS
html中相对位置与绝对位置的具体使用
May 15 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实现密保卡功能实现代码<打包下载直接运行>
2011/10/09 PHP
php实现把url转换迅雷thunder资源下载地址的方法
2014/11/07 PHP
关于php支持的协议与封装协议总结(推荐)
2017/11/17 PHP
PHP获取日期对应星期、一周日期、星期开始与结束日期的方法
2018/06/22 PHP
给Function做的OOP扩展
2009/05/07 Javascript
理解Javascript_12_执行模型浅析
2010/10/18 Javascript
使用jQuery.wechat构建微信WEB应用
2014/10/09 Javascript
了解Javascript的模块化开发
2015/03/02 Javascript
jquery+ajax请求且带返回值的代码
2015/08/12 Javascript
Ionic实现页面下拉刷新(ion-refresher)功能代码
2016/06/03 Javascript
JS实现刷新父页面不弹出提示框的方法
2016/06/22 Javascript
JS基础随笔(菜鸟必看篇)
2016/07/13 Javascript
浅析JavaScript中的array数组类型系统
2016/07/18 Javascript
AngularJS实现DOM元素的显示与隐藏功能
2016/11/22 Javascript
微信小程序 页面之间传参实例详解
2017/01/13 Javascript
jquery在vue脚手架中的使用方式示例
2017/08/29 jQuery
angularjs实现过滤并替换关键字小功能
2017/09/19 Javascript
jQuery使用zTree插件实现可拖拽的树示例
2017/09/23 jQuery
javaScript字符串工具类StringUtils详解
2017/12/08 Javascript
vue中如何实现后台管理系统的权限控制的方法示例
2018/09/19 Javascript
对vuex中store和$store的区别说明
2020/07/24 Javascript
javascript实现时间日期的格式化的方法汇总
2020/08/06 Javascript
JavaScript中Object、map、weakmap的区别分析
2020/12/15 Javascript
python修改操作系统时间的方法
2015/05/18 Python
python在windows下创建隐藏窗口子进程的方法
2015/06/04 Python
python 实现敏感词过滤的方法
2019/01/21 Python
解决IDEA 的 plugins 搜不到任何的插件问题
2020/05/04 Python
python使用Word2Vec进行情感分析解析
2020/07/31 Python
纯CSS实现聊天框小尖角、气泡效果
2014/04/04 HTML / CSS
使用CSS3制作版头动画效果
2020/12/24 HTML / CSS
利用Canvas模仿百度贴吧客户端loading小球的方法示例
2017/08/13 HTML / CSS
html5定制表单_动力节点Java学院整理
2017/07/11 HTML / CSS
幼儿园教育教学反思
2014/01/31 职场文书
企业法人授权委托书范本
2014/09/23 职场文书
2014年卫生监督工作总结
2014/12/09 职场文书
新手必备之MySQL msi版本下载安装图文详细教程
2021/05/21 MySQL