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旋转——彩色扇子兼容firefox浏览器
Jun 04 HTML / CSS
使用html2canvas实现浏览器截图的示例代码
Jan 26 HTML / CSS
分享一个H5原生form表单的checkbox特效代码
Feb 26 HTML / CSS
HTML5里的placeholder属性使用实例和美化显示效果的方法
Apr 23 HTML / CSS
HTML5 Canvas+JS控制电脑或手机上的摄像头实例
May 03 HTML / CSS
浅谈HTML5 Web Worker的使用
Jan 05 HTML / CSS
浅析HTML5中的download属性使用
Mar 13 HTML / CSS
HTML5 weui使用笔记
Nov 21 HTML / CSS
使用canvas实现黑客帝国数字雨效果
Jan 02 HTML / CSS
HTML5 实现图片上传预处理功能
Feb 06 HTML / CSS
Html5让容器充满屏幕高度或自适应剩余高度的布局实现
May 14 HTML / CSS
AmazeUI底部导航栏与分享按钮的示例代码
Aug 18 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
thinkphp实现图片上传功能分享
2014/03/04 PHP
php更新mysql后获取改变行数的方法
2014/12/25 PHP
PHP7.0安装笔记整理
2015/08/28 PHP
php实现在新浪云中使用imagick生成缩略图并上传的方法
2016/09/26 PHP
PHP读MYSQL中文乱码的快速解决方法
2016/10/01 PHP
Laravel 实现密码重置功能
2018/02/23 PHP
一组JS创建和操作表格的函数集合
2009/05/07 Javascript
浏览器窗口大小变化时使用resize事件对框架不起作用的解决方法
2014/05/11 Javascript
JavaScript 里的类数组对象
2015/04/08 Javascript
使用jQuery实现更改默认alert框体
2015/04/13 Javascript
JavaScript实现刷新不重记的倒计时
2016/08/10 Javascript
详细分析Javascript中创建对象的四种方式
2016/08/17 Javascript
Node.js使用Express.Router的方法
2017/11/14 Javascript
对vue里函数的调用顺序介绍
2018/03/17 Javascript
JavaScript日期工具类DateUtils定义与用法示例
2018/09/03 Javascript
微信小程序实现购物页面左右联动
2019/02/15 Javascript
react ant Design手动设置表单的值操作
2020/10/31 Javascript
Python中模块string.py详解
2017/03/12 Python
python爬虫实战之爬取京东商城实例教程
2017/04/24 Python
浅析Git版本控制器使用
2017/12/10 Python
将Python文件打包成.EXE可执行文件的方法
2019/08/11 Python
Python中生成一个指定长度的随机字符串实现示例
2019/11/06 Python
Python偏函数Partial function使用方法实例详解
2020/06/17 Python
Scrapy 配置动态代理IP的实现
2020/09/28 Python
前端面试必备之CSS3的新特性
2017/09/05 HTML / CSS
美国照明、家居装饰和家具购物网站:Bellacor
2017/09/20 全球购物
梵蒂冈和罗马卡:Omnia Card Pass
2018/02/10 全球购物
娱乐地球:Entertainment Earth
2020/01/08 全球购物
Guess荷兰官网:美国服饰品牌
2020/01/22 全球购物
大学生个人实习的自我评价
2014/02/15 职场文书
工厂门卫岗位职责范本
2014/04/04 职场文书
加薪申请报告范本
2015/05/15 职场文书
车辆管理制度范本
2015/08/05 职场文书
2016党员学习《反对自由主义》心得体会
2016/01/22 职场文书
导游词之包公祠
2019/11/25 职场文书
Python实现科学占卜 让视频自动打码
2022/04/09 Python