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 简写animation
May 10 HTML / CSS
35款精致的 CSS3 和 HTML5 网页模板 推荐
Aug 03 HTML / CSS
css3 旋转按钮 使用CSS3创建一个旋转可变色按钮
Dec 31 HTML / CSS
css3实现的多级渐变下拉菜单导航效果代码
Aug 31 HTML / CSS
纯HTML5+CSS3制作图片旋转
Jan 12 HTML / CSS
CSS3实现复选框动画特效示例代码
Sep 27 HTML / CSS
浅谈CSS3中的变形功能-transform功能
Dec 27 HTML / CSS
移动端解决悬浮层(悬浮header、footer)会遮挡住内容的3种方法
Mar 27 HTML / CSS
canvas裁剪clip()函数的具体使用
Mar 01 HTML / CSS
html5 canvas的绘制文本自动换行的示例代码
Sep 17 HTML / CSS
HTML5 Blob对象的具体使用
May 22 HTML / CSS
AmazeUI 等分网格的实现示例
Aug 25 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 编程的 5个良好习惯
2009/02/20 PHP
php学习笔记 面向对象的构造与析构方法
2011/06/13 PHP
示例详解Laravel重置密码代码重构
2016/08/10 PHP
safari下载文件自动加了html后缀问题
2018/11/09 PHP
改写一个简单的菜单 弹性大小
2010/12/02 Javascript
ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList
2012/02/03 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
2014/06/15 Javascript
jQuery简单tab切换效果实现方法
2015/04/08 Javascript
JavaScript中switch语句的用法详解
2015/06/03 Javascript
详解js图片轮播效果实现原理
2015/12/17 Javascript
Javascript的比较汇总
2016/07/25 Javascript
详解Angular Reactive Form 表单验证
2017/07/06 Javascript
WdatePicker.js时间日期插件的使用方法
2017/07/26 Javascript
详解webpack4.x之搭建前端开发环境
2019/03/28 Javascript
微信小程序自定义模态弹窗组件详解
2019/12/24 Javascript
Angular进行简单单元测试的实现方法实例
2020/08/16 Javascript
Django中url的反向查询的方法
2018/03/14 Python
复化梯形求积分实例——用Python进行数值计算
2019/11/20 Python
关于Python-faker的函数效果一览
2019/11/28 Python
python实现修改固定模式的字符串内容操作示例
2019/12/30 Python
python argparse模块通过后台传递参数实例
2020/04/20 Python
Skip Hop官网:好莱坞宝宝挚爱品牌
2018/06/17 全球购物
马德里运动鞋商店:Nigra Mercato
2020/02/16 全球购物
如何整合JQuery和Prototype
2014/01/31 面试题
安全资料员岗位职责
2013/12/14 职场文书
机械设计职业生涯规划书
2013/12/27 职场文书
工程招投标邀请书
2014/01/30 职场文书
大学军训感言800字
2014/02/27 职场文书
小学二年级学生评语
2014/04/21 职场文书
树转促学习心得体会
2014/09/10 职场文书
关于群众路线的心得体会
2014/11/05 职场文书
2014年安置帮教工作总结
2014/12/11 职场文书
务虚会发言材料
2014/12/25 职场文书
辛德勒的名单观后感
2015/06/03 职场文书
导游词之青城山景区
2019/09/27 职场文书
Windows server 2022创建创建林、域树、子域的步骤
2022/06/25 Servers