html - 应用程序缓存清单

Question

<!DOCTYPE HTML>
<html manifest="example.appcache">
<link rel="stylesheet" type="text/css" href="AppCache.css">
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<p>Test to make sure css is being cached</p>
<img src="large.jpg">
<script src="AppCache.js"></script>
</body>
</html>

我的 example.appcache 文件有：

# v1 11/16/2011
AppCache.htm
AppCache.js
AppCache.css
large.jpg

我第一次导航到页面时，它问

该网站要求将数据存储在您的计算机上以供离线使用。

当我使 Firefox 脱机并按刷新时，jpg 消失了。

问：我需要怎么做才能确保图像在本地缓存？

score 18 · Accepted Answer

IIS 不提供未知文件类型。您需要将其配置为.appcache使用 MIME 类型提供文件text/cache-manifest，如何执行此操作取决于您拥有的 IIS 版本：

在IIS6中 使用 IIS 管理器
在IIS7及更高版本中，您可以使用 IIS 管理器或将其添加mimeMap到 web.config 中的元素中

score 9 · Accepted Answer

我只想在这里评论接受的答案，因为提到的 mimetype 不起作用（至少在 IIS7.5 中）。正确的 mimetype 是：

text/cache-manifest

请参阅： https ://developer.mozilla.org/en/Using_Application_Cache

http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html#offline

score 2 · Accepted Answer

不要忘记你需要

CACHE MANIFEST

在清单文件的顶部。这是必需的。

CACHE MANIFEST
# v1 11/16/2011
AppCache.htm
AppCache.js
AppCache.css
large.jpg

这应该够了吧

html - 应用程序缓存清单

3 回答 3

Related

Reference