html - 如何在html5 AppCache中缓存图片

Question

我正在建立一个摄影网站，理想情况下应该离线工作。缓存所需的 css/js 文件非常简单。问题是，如何处理实际照片。

我目前正在从 flickr 加载它们，包括缩略图版本和完整分辨率版本。这给我带来了两个问题：

是否可以缓存从外部源传递的文件，或者所有内容都必须来自同一个域？

将所有图片缓存在应用程序缓存中可能太多了，因为它会在用户第一次访问该站点时导致大量下载。这里有什么建议？是否可以让用户明确打开完整版的应用缓存？

Answer 1

如果您没有通过 https 提供任何服务，则可以在该CACHE部分中包含来自任意多个来源的资源。但是使用 https 的跨域应用缓存仅适用于今天的 Chrome。我怀疑 Flickr 通过 https 提供图像，所以你应该没问题。

一些浏览器会在第一次下载 appcache 时提示用户，但不是全部（我知道 Firefox 会，但 Chrome 不会）。要获得更多控制权，您必须在应用程序中实现一些逻辑。也许让用户在您的应用程序中做出选择，将其存储为每个用户的设置，然后仅向选择加入的用户提供带有清单的页面。