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

178 阅读 0 评论 118 点赞

我是靠谱客的博主饱满香氛，最近开发中收集的这篇文章主要介绍html5如何及时更新缓存文件(js、css或图片)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

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

复制代码

代码如下:

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

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