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图片边框border-image的用法
Jun 30 HTML / CSS
详解CSS3中Media Queries的相关使用
Jul 17 HTML / CSS
使用css3做0.5px的细线的示例代码
Jan 18 HTML / CSS
HTML5中实现拖放效果无须借助javascript
Dec 26 HTML / CSS
html5实现canvas阴影效果示例
May 07 HTML / CSS
html5将图片转换成base64的实例代码
Sep 21 HTML / CSS
使用phonegap获取位置信息的实现方法
Mar 31 HTML / CSS
localStorage、sessionStorage使用总结
Nov 17 HTML / CSS
解决html5中的video标签ios系统中无法播放使用的问题
Aug 10 HTML / CSS
AmazeUI框架搭建的方法步骤(图文)
Aug 17 HTML / CSS
使用HTML和CSS实现的标签云效果(附demo)
Feb 03 HTML / CSS
CSS 使用 resize 实现图片拖拽切换预览功能(强大功能)
Aug 23 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 shell命令合并图片的代码
2011/06/23 PHP
php不使用插件导出excel的简单方法
2014/03/04 PHP
[原创]站长必须要知道的javascript广告代码
2007/05/30 Javascript
jquery提示 "object expected"的解决方法
2009/12/13 Javascript
一个javascript图片阅览组件
2010/11/09 Javascript
Jquery Ajax请求代码(2)
2011/01/07 Javascript
JS中不为人知的五种声明Number的方式简要概述
2013/02/22 Javascript
使用jquery写个更改表格行顺序的小功能
2014/04/29 Javascript
jQuery多个input求和的实现方法
2015/02/12 Javascript
JS实现文档加载完成后执行代码
2015/07/09 Javascript
AngularJs动态加载模块和依赖注入详解
2016/01/11 Javascript
浅谈js中的引用和复制(传值和传址)
2016/09/18 Javascript
JavaScript实现垂直向上无缝滚动特效代码
2016/11/23 Javascript
JS实现密码框的显示密码和隐藏密码功能示例
2016/12/26 Javascript
vue.js 初体验之Chrome 插件开发实录
2017/05/13 Javascript
AngularJs实现聊天列表实时刷新功能
2017/06/15 Javascript
react native带索引的城市列表组件的实例代码
2017/08/08 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
2017/10/25 Javascript
基于axios 解决跨域cookie丢失的问题
2018/09/26 Javascript
js如何实现元素曝光上报
2019/08/07 Javascript
详解Vue的组件中data选项为什么必须是函数
2020/08/17 Javascript
iview实现动态表单和自定义验证时间段重叠
2021/01/10 Javascript
three.js如何实现3D动态文字效果
2021/03/03 Javascript
[06:33]DOTA2亚洲邀请赛小组赛第二日 TOP10精彩集锦
2015/01/31 DOTA
利用 Monkey 命令操作屏幕快速滑动
2016/12/07 Python
Python学习笔记之变量、自定义函数用法示例
2019/05/28 Python
html5跨域通讯之postMessage的用法总结
2013/11/07 HTML / CSS
英国领先的杂志订阅网站:Magazine.co.uk
2018/01/25 全球购物
Surfdome西班牙:世界上最受欢迎的生活方式品牌
2019/02/13 全球购物
碧欧泉法国官网:Biotherm法国
2019/10/23 全球购物
JavaScript实现页面动态验证码的实现示例
2021/03/23 Javascript
2014学生会工作总结报告
2014/12/02 职场文书
给老婆道歉的话
2015/01/20 职场文书
实践论读书笔记
2015/06/29 职场文书
SQL注入篇学习之盲注/宽字节注入
2022/03/03 MySQL
海康机器人重磅发布全新算法开发平台VM4.2
2022/04/21 数码科技