javascript - html5 appcache 添加/删除特定文件

Question

假设我有一个简单的应用程序缓存 list ，如下所示:

CACHE:
# v1
# images
images/one.jpg
images/two.jpg
images/three.jpg

然后我使用一些服务器端方法将 list 更新为:

CACHE:
# v1
# images
images/one.jpg
images/two.jpg
images/three.jpg
images/four.jpg

然后在客户端调用一个函数来更新应用缓存:

function updateCache(){ 
    var appCache = window.applicationCache;

    appCache.update(); 

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

我想将我的新图像“添加”到现有缓存中，而无需再次下载所有内容(这是当前正在发生的事情)。这是可能的还是我遗漏了一些基本的东西？

Answer 1

它将再次下载所有内容，这就是它设计的工作方式。但是，如果您设置了 far future expiry headers在你的图片上，那么浏览器很可能会从本地浏览器缓存中获取它们，而不是再次从服务器上请求它们。

请注意，如果您在开发期间这样做可能会导致一些奇怪的行为，但您绝对应该为生产站点这样做。