html5如何及时更新缓存文件(js、css或图片)


Posted in HTML / CSS onJune 24, 2013

我们在使用offline cache的时候,有时候可能会更新资源,如js,css或者图片的 更新。但是在没有更新以前用户已经缓存了旧版本的资源,当在次访问的时候 他使用的还是旧版本的资源,如何才能让用户及时的更新缓存资源呢?

更新缓存资源主要有两种方法,通过修改配置文件的版本号或者调用js完成更新
js更新方法

复制代码
代码如下:

if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {
window.applicationCache.update(); }

修改文件
更新manifest文件
浏览器发现manifest文件本身发生变化,便会根据新的manifest文件去获取新的资源进行缓存。
当manifest文件列表并没有变化的时候,我们通常通过修改manifest注释的方式来改变文件,从而实现更新。
注释改变就是指配置文件的版本号
HTML / CSS 相关文章推荐
HTML5和CSS3让网页设计提升到下一个高度
Aug 14 HTML / CSS
一款纯css3实现的圆形旋转分享按钮旋转角度可自己调整
Sep 02 HTML / CSS
CSS3 实现侧边栏展开收起动画
Dec 22 HTML / CSS
CSS3实现闪烁动画效果的方法
Feb 09 HTML / CSS
纯CSS3绘制打火机动画火焰效果
Jul 18 HTML / CSS
HTML5混合开发二维码扫描以及调用本地摄像头
Dec 27 HTML / CSS
HTML5实现QQ聊天气泡效果
Jun 26 HTML / CSS
HTML5 localStorage使用总结
Feb 22 HTML / CSS
html5 canvas合成海报所遇问题及解决方案总结
Aug 03 HTML / CSS
HTML5操作WebSQL数据库的实例代码
Aug 26 HTML / CSS
HTML5语义化元素你真的用对了吗
Aug 22 HTML / CSS
CSS3实现三角形不断放大效果
Apr 13 HTML / CSS
html5 offlline 缓存使用示例
Jun 24 #HTML / CSS
html5 worker 实例(二) 图片变换效果
Jun 24 #HTML / CSS
html5 worker 实例(一) 为什么测试不到效果
Jun 24 #HTML / CSS
HTML5的表单(绝对特别强大的功能)使用示例
Jun 20 #HTML / CSS
利用HTML5画出一个坦克的形状具体实现代码
Jun 20 #HTML / CSS
HTML5 Canvas——用路径描画线条实例介绍
Jun 09 #HTML / CSS
html5的画布canvas——画出简单的矩形、三角形实例代码
Jun 09 #HTML / CSS
You might like
计算2000年01月01日起到指定日的天数
2006/10/09 PHP
php Undefined index的问题
2009/06/01 PHP
php提示无法加载或mcrypt没有找到 PHP 扩展 mbstring解决办法
2012/03/27 PHP
golang与PHP输出excel示例
2016/07/22 PHP
php微信开发之关键词回复功能
2018/06/13 PHP
jquery 子窗口操作父窗口的代码
2009/09/21 Javascript
容易被忽略的JS脚本特性
2011/09/13 Javascript
Bootstrap每天必学之js插件
2015/11/30 Javascript
JS中SetTimeout和SetInterval使用初探
2017/03/23 Javascript
javascript基本常用排序算法解析
2017/09/27 Javascript
浅谈Node.js 沙箱环境
2018/05/15 Javascript
vue移动端轻量级的轮播组件实现代码
2018/07/12 Javascript
JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析
2018/08/25 Javascript
VUE项目初建和常见问题总结
2019/09/12 Javascript
vue分页插件的使用方法
2019/12/25 Javascript
JS document form表单元素操作完整示例
2020/01/13 Javascript
python使用chardet判断字符串编码的方法
2015/03/13 Python
在Python的Flask框架中实现全文搜索功能
2015/04/20 Python
python 自动去除空行的实例
2018/07/24 Python
Python求两个圆的交点坐标或三个圆的交点坐标方法
2018/11/07 Python
基于Python打造账号共享浏览器功能
2019/05/30 Python
对python中的装包与解包实例详解
2019/08/24 Python
python多进程(加入进程池)操作常见案例
2019/10/21 Python
python轮询机制控制led实例
2020/05/03 Python
html5的自定义data-*属性与jquery的data()方法的使用
2014/07/02 HTML / CSS
探讨HTML5移动开发的几大特性(必看)
2015/12/30 HTML / CSS
销售所有的狗狗产品:Dog.com
2016/10/13 全球购物
Woolworth官网:澳洲第一大超市
2017/06/25 全球购物
运动会入场解说词300字
2014/01/25 职场文书
施工安全标语
2014/06/07 职场文书
小学生放飞梦想演讲稿
2014/08/26 职场文书
个人学习党的群众路线教育实践活动心得体会
2014/11/05 职场文书
办公室岗位职责范本
2015/04/11 职场文书
2015年学校减负工作总结
2015/05/19 职场文书
2015最新婚礼司仪主持词
2015/06/30 职场文书
关于python中模块和重载的问题
2021/11/02 Python