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

前端  /  管理员 发布于 7年前   178

我们在使用offline cache的时候，有时候可能会更新资源，如js，css或者图片的 更新。但是在没有更新以前用户已经缓存了旧版本的资源，当在次访问的时候 他使用的还是旧版本的资源，如何才能让用户及时的更新缓存资源呢？

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

复制代码代码如下:
if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {
window.applicationCache.update(); }

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