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 相关文章推荐
纯DOM+CSS3实现简单的小风车动画
Sep 27 HTML / CSS
CSS3中文字镂空、透明值、阴影效果设置示例小结
Mar 07 HTML / CSS
CSS3模块的目前的状况分析
Feb 24 HTML / CSS
让IE6、IE7、IE8支持CSS3的脚本
Jul 20 HTML / CSS
css3实例教程 一款纯css3实现的环形导航菜单
Oct 20 HTML / CSS
html5利用canvas绘画二级树形结构图的示例
Sep 27 HTML / CSS
HTML5 离线应用之打造零请求、无流量网站的解决方法
Apr 25 HTML / CSS
HTML5利用约束验证API来检查表单的输入数据的代码实例
Dec 20 HTML / CSS
有关HTML5页面在iPhoneX适配问题
Nov 13 HTML / CSS
在canvas上实现元素图片镜像翻转动画效果的方法
Mar 20 HTML / CSS
CSS极坐标的实例代码
Jun 03 HTML / CSS
基于HTML十秒做出淘宝页面
Oct 24 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读取html并截取字符串的简单代码
2009/11/30 PHP
Php 构造函数construct的前下划线是双的_
2009/12/08 PHP
PHP批量查询WordPress留言者E-mail地址实现方法
2015/02/15 PHP
推荐十款免费 WordPress 插件
2015/03/24 PHP
PHP7.0连接DB操作实例分析【基于mysqli】
2019/09/26 PHP
jQuery hover 延时器实现代码
2011/03/12 Javascript
jQuery获得内容和属性方法及示例
2013/12/02 Javascript
jQuery获取(选中)单选,复选框,下拉框中的值
2014/02/21 Javascript
详解JavaScript中的forEach()方法的使用
2015/06/08 Javascript
JS检测移动端横竖屏的代码
2016/05/30 Javascript
JS点击缩略图整屏居中放大图片效果
2017/07/04 Javascript
快速解决处理后台返回json数据格式的问题
2018/08/07 Javascript
jquery使用FormData实现异步上传文件
2018/10/25 jQuery
Three.js实现3D机房效果
2018/12/30 Javascript
微信小程序实现的一键连接wifi功能示例
2019/04/24 Javascript
eslint 的三大通用规则详解
2019/05/16 Javascript
python不带重复的全排列代码
2013/08/13 Python
基于python 字符编码的理解
2017/09/02 Python
Python3爬虫全国地址信息
2019/01/05 Python
对python 自定义协议的方法详解
2019/02/13 Python
python打印文件的前几行或最后几行教程
2020/02/13 Python
Python基于当前时间批量创建文件
2020/05/07 Python
基于CentOS搭建Python Django环境过程解析
2020/08/24 Python
HTML5添加禁止缩放功能
2017/11/03 HTML / CSS
京东国际站:JOYBUY
2017/11/23 全球购物
Manduka官网:瑜伽垫、瑜伽毛巾和服装
2018/07/02 全球购物
计算机专业毕业生的自我评价
2013/11/18 职场文书
平民服装店创业计划书
2014/01/17 职场文书
高中语文课后反思
2014/04/27 职场文书
大型活动组织方案
2014/05/10 职场文书
计划生育工作汇报
2014/10/28 职场文书
检察院起诉意见书
2015/05/20 职场文书
2015个人年度工作总结范文
2015/05/28 职场文书
2019年销售部季度工作计划3篇
2019/10/09 职场文书
Python实现列表拼接和去重的三种方式
2021/07/02 Python
浅谈克隆 JavaScript
2021/11/02 Javascript