将整个文件夹添加到 HTML5 App Cache答案

【问题标题】：Add entire folder to HTML5 App Cache将整个文件夹添加到 HTML5 App Cache
【发布时间】：2013-10-11 17:31:54
【问题描述】：

是否可以将整个文件夹的文件添加到 HTML5 缓存清单文件中？我无法单独列出文件夹中的所有文件，因为此文件夹中的文件会动态变化（它是一个图像文件夹）。

【问题讨论】：

【解决方案1】：

如果文件夹是动态变化的，那么它不应该在应用程序清单中。如果文件夹发生更改，则仍然需要从页面到文件夹中文件的某种链接。清单应该只列出这些项目。

例如：

/images/
   1.jpg
   2.jpg
   3.jpg
   4.jpg

和（简化的）HTML 文件：

<html manifest="http://foo.bar/cache-manifest">
<body>
<img src="images/2.jpg" />
<img src="images/4.jpg" />

应该有一个如下所示的清单：

CACHE MANIFEST
http://foo.bar/images/2.jpg
http://foo.bar/images/4.jpg

如果您想更新清单文件以包含新项目，您只需添加一个 URL 参数，该参数会随着文件夹（和清单）内容的变化而变化：

<html manifest="http://foo.bar/cache-manifest?updated=8_23_2010_1_53_pm">

每当清单 URL 发生变化时，都会重新下载。

【讨论】：

【解决方案2】：

不，目前没有办法获取文件夹的内容进行缓存。通配符 * 只能在在线白名单部分使用。

【讨论】：

【解决方案3】：

要包含一个文件夹，您可以执行以下操作.... 但在此之前...改变了。

CACHE MANIFEST
CACHE:
/Content/bootstrap/bootstrap.min.css
/Content/jQuery/jquery-1.8.3.min.js
/Content/bootstrap/bootstrap.min.js
/Content/js

在我看来，最后一行从该文件夹中提供了页面上使用的任何文件；这些文件出现在应用程序缓存中。

【讨论】：