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教程(9):设置RGB颜色
Apr 02 HTML / CSS
CSS图片翻转动画技术详解(IE也实现了)
Apr 03 HTML / CSS
CSS3 创建网页动画实现弹跳球动效果
Oct 30 HTML / CSS
html5 touch事件实现页面上下滑动效果【附代码】
Mar 10 HTML / CSS
HTML5 canvas实现雪花飘落特效
Mar 08 HTML / CSS
html特殊符号示例 html特殊字符编码对照表
Jan 14 HTML / CSS
HTML5 canvas绘制的玫瑰花效果
May 29 HTML / CSS
HTML5 文件上传下载的实例代码
Jul 03 HTML / CSS
详解使用postMessage解决iframe跨域通信问题
Nov 01 HTML / CSS
HTML5中input输入框默认提示文字向左向右移动的示例代码
Sep 10 HTML / CSS
HTML+CSS实现导航条下拉菜单的示例代码
Aug 02 HTML / CSS
CSS作用域(样式分割)的使用汇总
Nov 07 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上传、管理照片示例
2006/10/09 PHP
PHP中使用memcache存储session的三种配置方法
2014/04/05 PHP
Yii编程开发常见调用技巧集锦
2016/07/15 PHP
详解PHP中foreach的用法和实例
2016/10/25 PHP
bindParam和bindValue的区别以及在Yii2中的使用详解
2018/03/12 PHP
jquery 模式对话框终极版实现代码
2009/09/28 Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
2014/05/10 Javascript
js实现iframe跨页面调用函数的方法
2014/12/13 Javascript
js实现iGoogleDivDrag模块拖动层拖动特效的方法
2015/03/04 Javascript
原生ajax处理json格式数据的实例代码
2016/12/25 Javascript
js实现楼层导航功能
2017/02/23 Javascript
JS传播事件、取消事件默认行为、阻止事件传播详解
2017/08/14 Javascript
clipboard.js在移动端复制失败的解决方法
2018/06/13 Javascript
在SSM框架下用laypage和ajax实现分页和数据交互的方法
2019/09/27 Javascript
jquery实现简单每周轮换的日历
2020/09/10 jQuery
Python内置函数的用法实例教程
2014/09/08 Python
Python实现的tab文件操作类分享
2014/11/20 Python
python笔记:mysql、redis操作方法
2017/06/28 Python
Python SqlAlchemy动态添加数据表字段实例解析
2018/02/07 Python
python2 与 pyhton3的输入语句写法小结
2018/09/10 Python
在python中实现调用可执行文件.exe的3种方法
2019/07/07 Python
Python 的AES加密与解密实现
2019/07/09 Python
解决Djang2.0.1中的reverse导入失败的问题
2019/08/16 Python
scrapy在python爬虫中搭建出错的解决方法
2020/11/22 Python
Python实现中英文全文搜索的示例
2020/12/04 Python
浅谈HTML5中dialog元素尝鲜
2018/10/15 HTML / CSS
美国成衣女装品牌:CHICO’S
2016/09/19 全球购物
财务出纳岗位职责
2014/02/03 职场文书
史学专业毕业生求职信
2014/05/09 职场文书
管理岗位竞聘演讲稿
2014/08/18 职场文书
和谐家庭事迹材料
2014/12/20 职场文书
环境建议书
2015/02/04 职场文书
2015年幼儿园德育工作总结
2015/05/25 职场文书
入学证明
2015/06/23 职场文书
2016新年年会主持词
2015/07/06 职场文书
送给自己的励志语句:要安静的优秀,悄无声息的坚强
2019/11/26 职场文书