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中border-radius属性设定圆角的使用技巧
May 10 HTML / CSS
详解css3 object-fit属性
Jul 27 HTML / CSS
纯css3无js实现的Android Logo(有简单动画)
Jan 21 HTML / CSS
如何利用CSS3制作3D效果文字具体实现样式
May 02 HTML / CSS
css3实现顶部社会化分享按钮示例
May 06 HTML / CSS
css3的过滤效果简单实例
Aug 03 HTML / CSS
纯css3实现宠物小鸡实例代码
Oct 08 HTML / CSS
CSS3颜色值RGBA与渐变色使用介绍
Mar 06 HTML / CSS
HTML5 input元素类型:email及url介绍
Aug 13 HTML / CSS
LocalStorage记住用户和密码功能
Jul 24 HTML / CSS
video下autoplay属性无效的解决方法(添加muted属性)
May 19 HTML / CSS
CSS Transition通过改变Height实现展开收起元素
Aug 07 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基于base64解码图片与加密图片还原实例
2014/11/03 PHP
浅析php创建者模式
2014/11/25 PHP
深入理解PHP中的count函数
2016/05/31 PHP
详解Laravel视图间共享数据与视图Composer
2016/08/04 PHP
php实现XML和数组的相互转化功能示例
2017/02/08 PHP
PHP共享内存使用与信号控制实例分析
2018/05/09 PHP
laravel5.1 ajax post 传值_token示例
2019/10/24 PHP
js+JQuery返回顶部功能如何实现
2012/12/03 Javascript
HTML上传控件取消选择
2013/03/06 Javascript
IScroll5 中文API参数说明和调用方法
2016/05/21 Javascript
浅谈AngularJs指令之scope属性详解
2016/10/24 Javascript
用jmSlip编写移动端顶部日历选择控件
2016/10/24 Javascript
原生JS京东轮播图代码
2017/03/22 Javascript
微信小程序 引入es6 promise
2017/04/12 Javascript
深入探究angular2 UI组件之primeNG用法
2017/07/26 Javascript
mac上配置Android环境变量的方法
2018/07/08 Javascript
vue中el-input绑定键盘按键(按键修饰符)
2020/07/22 Javascript
[01:47]2018年度DOTA2最佳教练-完美盛典
2018/12/16 DOTA
[45:44]完美世界DOTA2联赛PWL S2 FTD vs PXG 第一场 11.27
2020/12/01 DOTA
详解MySQL数据类型int(M)中M的含义
2016/11/20 Python
Django自定义manage命令实例代码
2018/02/11 Python
深入浅析Python获取对象信息的函数type()、isinstance()、dir()
2018/09/17 Python
用python3 返回鼠标位置的实现方法(带界面)
2019/07/05 Python
python 导入数据及作图的实现
2019/12/03 Python
在python中计算ssim的方法(与Matlab结果一致)
2019/12/19 Python
python-OpenCV 实现将数组转换成灰度图和彩图
2020/01/09 Python
python发qq消息轰炸虐狗好友思路详解(完整代码)
2020/02/15 Python
Python读写Excel表格的方法
2021/03/02 Python
美国地毯购买网站:Rugs USA
2019/02/23 全球购物
环境工程毕业生自荐信
2013/11/17 职场文书
业务内勤岗位职责
2014/04/30 职场文书
处级领导干部四风问题自我剖析材料
2014/09/29 职场文书
钓鱼岛事件感想
2015/08/11 职场文书
护士年终工作总结不会写?各科护士模板总结
2020/01/02 职场文书
写好Python代码的几条重要技巧
2021/05/21 Python
redis数据结构之压缩列表
2022/03/21 Redis