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 相关文章推荐
CSS类名支持中文命名的示例
Apr 04 HTML / CSS
CSS实现定位元素居中的方法
Jun 23 HTML / CSS
详解CSS3中使用gradient实现渐变效果的方法
Aug 18 HTML / CSS
CSS3不透明度实例讲解
Apr 26 HTML / CSS
CSS3制作缩略图的详细过程
Jul 08 HTML / CSS
浅谈CSS3中的变形功能-transform功能
Dec 27 HTML / CSS
利用简洁的图片预加载组件提升html5移动页面的用户体验
Mar 11 HTML / CSS
HTML5+CSS3实现无插件拖拽上传图片(支持预览与批量)
Jan 05 HTML / CSS
video结合canvas实现视频在线截图功能
Jun 25 HTML / CSS
HTML5标签嵌套规则详解【必看】
Apr 26 HTML / CSS
html5实现滑块功能之type="range"属性
Feb 18 HTML / CSS
Unicode中的CJK(中日韩统一表意文字)字符小结
Dec 06 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编码转换函数 自动转换字符集支持数组转换
2012/12/16 PHP
php异常处理使用示例
2014/02/25 PHP
Symfony2框架学习笔记之HTTP Cache用法详解
2016/03/18 PHP
你必须知道的JavaScript 变量命名规则详解
2013/05/07 Javascript
js正文内容高亮效果的实现方法
2013/06/30 Javascript
解析jquery中的ajax缓存问题
2013/12/19 Javascript
js中跨域方法原理详解
2015/07/19 Javascript
javascript DIV实现跟随鼠标移动
2020/03/19 Javascript
JavaScript ES5标准中新增的Array方法
2016/06/28 Javascript
微信小程序 参数传递详解
2016/10/24 Javascript
jQuery正则验证注册页面经典实例
2017/06/10 jQuery
vue发送ajax请求详解
2018/10/09 Javascript
个人小程序接入支付解决方案
2019/05/23 Javascript
vue 实现微信浮标效果
2019/09/01 Javascript
浅谈vue中组件绑定事件时是否加.native
2019/11/09 Javascript
JavaScript中展开运算符及应用的实例代码
2021/01/14 Javascript
js实现类选择器和name属性选择器的示例步骤
2021/02/07 Javascript
Python与shell的3种交互方式介绍
2015/04/11 Python
python代码 if not x: 和 if x is not None: 和 if not x is None:使用介绍
2016/09/21 Python
利用python写个下载teahour音频的小脚本
2017/05/08 Python
python中import reload __import__的区别详解
2017/10/16 Python
Python 变量类型详解
2018/10/10 Python
使用python将图片按标签分入不同文件夹的方法
2018/12/08 Python
​如何愉快地迁移到 Python 3
2019/04/28 Python
Python自动化完成tb喵币任务的操作方法
2019/10/30 Python
Python tcp传输代码实例解析
2020/03/18 Python
Spring Boot中使用IntelliJ IDEA插件EasyCode一键生成代码详细方法
2020/03/20 Python
tensorflow使用L2 regularization正则化修正overfitting过拟合方式
2020/05/22 Python
Python调用百度OCR实现图片文字识别的示例代码
2020/07/17 Python
求两个数的乘积和商数,该作用由宏定义来实现
2013/03/13 面试题
运动会表扬稿大全
2014/01/16 职场文书
工厂会计员职责
2014/02/06 职场文书
家长对孩子的评语
2014/04/18 职场文书
2014年业务员工作总结范文
2014/11/17 职场文书
Python WSGI 规范简介
2021/04/11 Python
浅谈Python数学建模之数据导入
2021/06/23 Python