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美化表单控件全集
Jun 29 HTML / CSS
css3 中translate和transition的使用方法
Mar 26 HTML / CSS
详解Html5中video标签那些属性和方法
Jul 01 HTML / CSS
HTML5实现经典坦克大战坦克乱走还能发出一个子弹
Sep 02 HTML / CSS
HTML5 video 视频标签使用介绍
Feb 03 HTML / CSS
HTML5全屏(Fullscreen)API详细介绍
Apr 24 HTML / CSS
HTML5 Web缓存和运用程序缓存(cookie,session)
Jan 11 HTML / CSS
HTML5获取当前地理位置并在百度地图上展示的实例
Jul 10 HTML / CSS
关于HTML5+ API plusready的兼容问题
Nov 20 HTML / CSS
详解使用 CSS prefers-* 规范提升网站的可访问性与健壮性
May 25 HTML / CSS
分享几个实用的CSS代码块
Jun 10 HTML / CSS
CSS使用Flex和Grid布局实现3D骰子
Aug 05 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 采集程序中常用的函数
2009/12/09 PHP
PHP积分兑换接口实例
2015/02/09 PHP
Laravel框架路由和控制器的绑定操作方法
2018/06/12 PHP
javascript来定义类的规范小结
2010/11/19 Javascript
ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
2012/01/13 Javascript
jQuery操作input type=radio的实现代码
2012/06/14 Javascript
js去除空格的12种实用方法
2013/11/08 Javascript
js获取页面传来参数的方法
2014/09/06 Javascript
javascript实现复制与粘贴操作实例
2014/10/16 Javascript
详解JavaScript中的every()方法
2015/06/08 Javascript
JS非Alert实现网页右下角“未读信息”效果弹窗
2015/09/26 Javascript
Bootstrap布局之栅格系统学习笔记
2017/05/04 Javascript
bootstrap datetimepicker控件位置异常的解决方法
2017/11/23 Javascript
JavaScript 中使用 Generator的方法
2017/12/29 Javascript
vue里面使用mui的弹出日期选择插件实例
2018/09/16 Javascript
Vux+Axios拦截器增加loading的问题及实现方法
2018/11/08 Javascript
详解vue移动端项目代码拆分记录
2019/03/15 Javascript
node.js基于socket.io快速实现一个实时通讯应用
2019/04/23 Javascript
javascript中call,apply,callee,caller用法实例分析
2019/07/24 Javascript
微信小程序使用车牌号输入法的示例代码
2019/08/20 Javascript
PHP 502bad gateway原因及解决方案
2020/11/13 Javascript
Python中的迭代器漫谈
2015/02/03 Python
python 实现分页显示从es中获取的数据方法
2018/12/26 Python
python 画出使用分类器得到的决策边界
2019/08/21 Python
python 监测内存和cpu的使用率实例
2019/11/28 Python
PyTorch笔记之scatter()函数的使用
2020/02/12 Python
Python matplotlib修改默认字体的操作
2020/03/05 Python
pycharm中leetcode插件使用图文详解
2020/12/07 Python
现代家居用品及礼品:LBC Modern
2018/06/24 全球购物
印尼网上商店:Alfacart.com
2019/03/11 全球购物
STAUD官方网站:洛杉矶独有的闲适风格
2019/04/11 全球购物
个人简历自我评价
2014/02/02 职场文书
计算机网络专业求职信
2014/06/05 职场文书
故意伤害罪辩护词
2015/05/21 职场文书
三严三实·严以用权心得体会
2016/01/12 职场文书
使用redis实现延迟通知功能(Redis过期键通知)
2021/09/04 Redis