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+Sprite实现僵尸行走动画特效源码
Jan 27 HTML / CSS
CSS3 text-shadow实现文字阴影效果
Feb 24 HTML / CSS
CSS3模拟IOS滑动开关效果
Sep 28 HTML / CSS
利用CSS3实现进度条的两种姿势详解
Mar 21 HTML / CSS
CSS3 中filter(滤镜)属性使用详解
Apr 07 HTML / CSS
html+css3实现的登录界面
Dec 09 HTML / CSS
HTML5之SVG 2D入门12—SVG DOM及DOM操作介绍
Jan 30 HTML / CSS
仿CSDN Blog返回页面顶部功能实现原理及代码
Jun 30 HTML / CSS
html5的canvas实现3d雪花飘舞效果
Dec 27 HTML / CSS
CSS极坐标的实例代码
Jun 03 HTML / CSS
CSS基础详解
Oct 16 HTML / CSS
css3属性选择器 “~”(波浪号) “,”(逗号) “+”(加号)和 “>”(大于号)
Apr 19 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中用PDO查询Mysql来避免SQL注入风险的方法
2013/04/25 PHP
PHP获取当前所在目录位置的方法
2014/11/26 PHP
PHP类和对象相关系统函数与运算符小结
2016/09/28 PHP
Thinkphp 框架基础之入口文件功能、定义与用法分析
2020/04/27 PHP
jQuery回车实现登录简单实现
2013/08/20 Javascript
jQuery实现弹出窗口中切换登录与注册表单
2015/06/05 Javascript
JavaScript Math 对象常用方法总结
2016/04/28 Javascript
搞定immutable.js详细说明
2016/05/02 Javascript
详解获取jq ul第一个li定位的四种解决方案
2016/11/23 Javascript
JavaScript数据结构之数组的表示方法示例
2017/04/12 Javascript
vue按需加载组件webpack require.ensure的方法
2017/12/13 Javascript
jQuery实现标签子元素的添加和赋值方法
2018/02/24 jQuery
Vue插件打包与发布的方法示例
2018/08/20 Javascript
使用typescript快速开发一个cli的实现示例
2020/12/09 Javascript
python如何通过twisted实现数据库异步插入
2018/03/20 Python
Pycharm 创建 Django admin 用户名和密码的实例
2018/05/30 Python
pandas使用get_dummies进行one-hot编码的方法
2018/07/10 Python
python3中os.path模块下常用的用法总结【推荐】
2018/09/16 Python
python之mock模块基本使用方法详解
2019/06/27 Python
Django中的AutoField字段使用
2020/05/18 Python
pip已经安装好第三方库但pycharm中import时还是标红的解决方案
2020/10/09 Python
python爬取招聘要求等信息实例
2020/11/20 Python
CSS3 mask 遮罩的具体使用方法
2017/11/03 HTML / CSS
印刷工程专业应届生求职信
2013/09/29 职场文书
在校学生职业规划范文
2014/01/08 职场文书
十岁生日家长答谢词
2014/01/17 职场文书
报社实习生自荐信
2014/01/24 职场文书
马智宇结婚主持词
2014/04/01 职场文书
任命书怎么写
2014/06/04 职场文书
教师学习群众路线心得体会
2014/11/04 职场文书
网络管理员岗位职责
2015/02/12 职场文书
思品教学工作总结
2015/08/10 职场文书
毕业季聚会祝酒词!
2019/07/04 职场文书
JS代码编译器Monaco使用方法
2021/06/11 Javascript
压缩Redis里的字符串大对象操作
2021/06/23 Redis
浅谈MySQL之select优化方案
2021/08/07 MySQL