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中:nth-child和:nth-of-type的区别深入理解
Mar 10 HTML / CSS
纯CSS实现的大小渐变、渐远效果
Apr 15 HTML / CSS
css3实现垂直下拉动画菜单示例
Apr 22 HTML / CSS
使用CSS Grid布局实现网格的流动
Dec 30 HTML / CSS
html5 Canvas画图教程(8)—canvas里画曲线之bezierCurveTo方法
Jan 09 HTML / CSS
使用HTML5技术开发一个属于自己的超酷颜色选择器
Sep 22 HTML / CSS
巧用HTML5给按钮背景设计不同的动画简单实例
Aug 09 HTML / CSS
浅谈html5与APP混合开发遇到的问题总结
Mar 20 HTML / CSS
VSCode 自定义html5模板的实现
Dec 05 HTML / CSS
html5自动播放mov格式视频的实例代码
Jan 14 HTML / CSS
AmazeUI 列表的实现示例
Aug 17 HTML / CSS
前端使用svg图片改色实现示例
Jul 23 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
世界第一个无线广播电台 KDKA
2021/03/01 无线电
杏林同学录(四)
2006/10/09 PHP
用PHP实现多级树型菜单
2006/10/09 PHP
phpcms模块开发之swfupload的使用介绍
2013/04/28 PHP
PHP中的traits简单使用实例
2015/05/13 PHP
CI框架扩展系统核心类的方法分析
2016/05/23 PHP
解决laravel 表单提交-POST 异常的问题
2019/10/15 PHP
用js实现层随着内容大小动态渐变改变 推荐
2009/12/19 Javascript
用Jquery实现多级下拉框无刷新的联动
2010/12/22 Javascript
JS面向对象编程浅析
2011/08/28 Javascript
提示$ is not defined错误分析及解决
2013/04/09 Javascript
使用JS 清空File控件的路径值
2013/07/08 Javascript
javascript判断机器是否联网的2种方法
2013/08/09 Javascript
js判断60秒以及倒计时示例代码
2014/01/24 Javascript
js如何获取object类型里的键值
2014/02/18 Javascript
jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
2014/03/06 Javascript
深入浅出ES6新特性之函数默认参数和箭头函数
2016/08/01 Javascript
jQuery实现的图片轮播效果完整示例
2016/09/12 Javascript
微信小程序 选择器(时间,日期,地区)实例详解
2016/11/16 Javascript
使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解
2017/07/24 Javascript
Vue表情输入组件 微信face表情组件
2019/02/11 Javascript
python清理子进程机制剖析
2017/11/23 Python
python生成器,可迭代对象,迭代器区别和联系
2018/02/04 Python
解决Matplotlib图表不能在Pycharm中显示的问题
2018/05/24 Python
Python小工具之消耗系统指定大小内存的方法
2018/12/03 Python
浅谈pytorch池化maxpool2D注意事项
2020/02/18 Python
Python基于pandas爬取网页表格数据
2020/05/11 Python
基于matplotlib中ion()和ioff()的使用详解
2020/06/16 Python
世界上最大的汽车共享网站:Zipcar
2017/01/14 全球购物
主题实践活动总结
2014/05/08 职场文书
活动总结报告怎么写
2014/07/03 职场文书
幼儿园中班教师个人总结
2015/02/05 职场文书
任命书格式模板
2015/09/22 职场文书
小学三年级班主任工作经验交流材料
2015/11/02 职场文书
2016年“5.12”国际护士节活动总结
2016/04/06 职场文书
Go并发4种方法简明讲解
2022/04/06 Golang