html5如何及时更新缓存文件(js、css或图片)

小熊爱双鱼小策

小熊爱双鱼小策

2016-02-19 10:35

下面,图老师小编带您去了解一下html5如何及时更新缓存文件(js、css或图片),生活就是不断的发现新事物,get新技能~
我们在使用offline cache的时候,有时候可能会更新资源,如js,css或者图片的 更新。但是在没有更新以前用户已经缓存了旧版本的资源,当在次访问的时候 他使用的还是旧版本的资源,如何才能让用户及时的更新缓存资源呢?

更新缓存资源主要有两种方法,通过修改配置文件的版本号或者调用js完成更新
js更新方法

代码如下:

if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {
window.applicationCache.update(); }

修改文件
更新manifest文件
浏览器发现manifest文件本身发生变化,便会根据新的manifest文件去获取新的资源进行缓存。
当manifest文件列表并没有变化的时候,我们通常通过修改manifest注释的方式来改变文件,从而实现更新。
注释改变就是指配置文件的版本号
展开更多 50%)
分享

猜你喜欢

html5如何及时更新缓存文件(js、css或图片)

Web开发
html5如何及时更新缓存文件(js、css或图片)

html5 offlline 缓存使用示例

Web开发
html5 offlline 缓存使用示例

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

动态加载外部css或js文件

Web开发
动态加载外部css或js文件

HTML5/CSS3的开发框架:实用HTML5和CSS3框架

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
HTML5/CSS3的开发框架:实用HTML5和CSS3框架

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

献给网页设计师的HTML5/CSS3/JS便捷工具

电脑网络
献给网页设计师的HTML5/CSS3/JS便捷工具

html5 拖拽上传图片实例演示

Web开发
html5 拖拽上传图片实例演示

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

qq情侣黄钻怎么开通?

qq情侣黄钻怎么开通?

JavaScript中void(0)的具体含义解释

JavaScript中void(0)的具体含义解释
下拉加载更多内容 ↓