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 相关文章推荐
利用CSS3实现动态的二级三级菜单效果实例源码
Jan 04 HTML / CSS
CSS的pointer-events属性详细介绍(作用和注意事项)
Apr 23 HTML / CSS
实例教程 纯CSS3打造非常炫的加载动画效果
Nov 05 HTML / CSS
CSS超出文本指定宽度用省略号代替和文本不换行
May 05 HTML / CSS
详解CSS3中的box-sizing(content-box与border-box)
Apr 19 HTML / CSS
纯CSS3+DIV实现小三角形边框效果的示例代码
Aug 03 HTML / CSS
HTML5中Canvas与SVG的画图原理比较
Jan 16 HTML / CSS
html5各种页面切换效果和模态对话框用法总结
Dec 15 HTML / CSS
Html5页面中的返回实现的方法
Feb 26 HTML / CSS
HTML table 表格边框的实现思路
Oct 12 HTML / CSS
html+js 实现markdown编辑器效果
Oct 23 HTML / CSS
Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码
Mar 17 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
浅析php header 跳转
2013/06/17 PHP
Yii框架上传图片用法总结
2016/03/28 PHP
JavaScript 基础问答三
2008/12/03 Javascript
ejs v9 javascript模板系统
2012/03/21 Javascript
异步JavaScript编程中的Promise使用方法
2015/07/28 Javascript
JavaScript iframe数据共享接口实现方法
2016/01/06 Javascript
Jquery ajax请求导出Excel表格的实现代码
2016/06/08 Javascript
功能强大的Bootstrap使用手册(一)
2016/08/02 Javascript
Jquery Easyui表单组件Form使用详解(30)
2016/12/19 Javascript
JS去掉字符串前后空格或去掉所有空格的用法
2017/03/25 Javascript
w3c编程挑战_初级脚本算法实战篇
2017/06/23 Javascript
使用RxJS更优雅地进行定时请求详析
2019/06/02 Javascript
NestJs使用Mongoose对MongoDB操作的方法
2021/02/22 Javascript
[05:03]显微镜下的DOTA2第十期——Ti3豪之超神幽鬼
2014/06/23 DOTA
[01:02:53]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第二局
2016/03/06 DOTA
Python正则表达式的使用范例详解
2014/08/08 Python
深入理解Javascript中的this关键字
2015/03/27 Python
启动targetcli时遇到错误解决办法
2017/10/26 Python
python 时间信息“2018-02-04 18:23:35“ 解析成字典形式的结果代码详解
2018/04/19 Python
Laravel框架表单验证格式化输出的方法
2019/09/25 Python
Python爬虫解析网页的4种方式实例及原理解析
2019/12/30 Python
Django 5种类型Session使用方法解析
2020/04/29 Python
5分钟弄清楚html5的drag and drop(小结)
2019/04/10 HTML / CSS
html5调用app分享功能示例(WebViewJavascriptBridge)
2018/03/21 HTML / CSS
预订奥兰多和佛罗里达州公园门票:FloridaTix
2018/01/03 全球购物
新西兰最大的连锁超市:Countdown
2020/06/04 全球购物
Linux如何命名文件--使用文件名时应注意
2014/05/29 面试题
人力资源部门的主要职能
2014/02/22 职场文书
某某同志考察材料
2014/05/28 职场文书
小区推广策划方案
2014/06/06 职场文书
全国优秀教师事迹材料
2014/08/26 职场文书
大学生学习面向未来的赶考思想汇报
2014/09/12 职场文书
总经理岗位职责范本
2015/04/01 职场文书
2015年会计个人工作总结
2015/04/02 职场文书
陈斌强事迹观后感
2015/06/17 职场文书
MySQL串行化隔离级别(间隙锁实现)
2022/06/16 MySQL