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 3D制作实战案例分析
Sep 18 HTML / CSS
8款精美的CSS3表单设计(登录表单/下拉选择/按钮附演示及源码)
Feb 04 HTML / CSS
纯CSS实现的大小渐变、渐远效果
Apr 15 HTML / CSS
使用CSS3来实现滚动视差效果的教程
Aug 24 HTML / CSS
CSS3,线性渐变(linear-gradient)的使用总结
Jan 09 HTML / CSS
html5 分层屏幕适配的方法
Mar 16 HTML / CSS
Html5 FileReader实现即时上传图片功能实例代码
Sep 01 HTML / CSS
详解canvas绘制网络字体几种方法
Aug 27 HTML / CSS
HTML5实现无刷新修改URL的方法
Nov 14 HTML / CSS
HTML5基于flash实现播放RTMP协议视频的示例代码
Dec 04 HTML / CSS
如何利用 CSS Overview 面板重构优化你的网站
Oct 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禁用cookie后session设置方法分析
2016/10/19 PHP
PHP实现更改hosts文件的方法示例
2017/08/08 PHP
Thinkphp 框架扩展之行为扩展原理与实现方法分析
2020/04/23 PHP
javascript window.opener的用法分析
2010/04/07 Javascript
基于javascript实现单选及多选的向右和向左移动实例
2015/07/25 Javascript
jQuery旋转木马式幻灯片轮播特效
2015/12/04 Javascript
animate 实现滑动切换效果【实例代码】
2016/05/05 Javascript
前端实现文件的断点续传(前端文件提交+后端PHP文件接收)
2016/11/04 Javascript
Nodejs回调加超时限制两种实现方法
2017/06/09 NodeJs
原生js实现移动端触摸轮播的示例代码
2017/12/22 Javascript
详解使用vue-cli脚手架初始化Vue项目下的项目结构
2018/03/08 Javascript
对layui中表单元素的使用详解
2018/08/15 Javascript
vue-swiper的使用教程
2018/08/30 Javascript
微信小程序跳转到其他网页(外部链接)的实现方法
2019/09/20 Javascript
jquery实现商品sku多属性选择功能(商品详情页)
2019/12/20 jQuery
python opencv 直方图反向投影的方法
2018/02/24 Python
python3+PyQt5实现自定义流体混合窗口部件
2018/04/24 Python
Python爬虫将爬取的图片写入world文档的方法
2018/11/07 Python
python自定义线程池控制线程数量的示例
2019/02/22 Python
python实现从ftp服务器下载文件
2020/03/03 Python
pandas数据选取:df[] df.loc[] df.iloc[] df.ix[] df.at[] df.iat[]
2020/04/24 Python
Python 如何实现访问者模式
2020/07/28 Python
python字典通过值反查键的实现(简洁写法)
2020/09/30 Python
html5教程调用绘图api画简单的圆形代码分享
2013/12/04 HTML / CSS
英国川宁茶官方网站:Twinings茶
2019/05/21 全球购物
亚洲在线旅行门户网站:Expedia.com.hk(智游网)
2020/04/14 全球购物
校庆接待方案
2014/03/18 职场文书
2014年应急管理工作总结
2014/11/26 职场文书
2015国际残疾人日活动总结
2015/03/24 职场文书
儿童诗两首教学反思
2016/02/23 职场文书
怎样写好工作计划
2019/04/10 职场文书
nginx反向代理时如何保持长连接
2021/03/31 Servers
Java中API的使用方法详情
2022/04/06 Java/Android
零基础学java之带参数以及返回值的方法
2022/04/10 Java/Android
国际最新研究在陨石中发现DNA主要成分 或由陨石带来地球
2022/04/29 数码科技
spring 项目实现限流方法示例
2022/07/15 Java/Android