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消失。

问：我需要做些什么来确保图像在本地缓存？

Answer 1

IIS does not serve unknown file types。您需要将其配置为提供MIME类型为text/cache-manifest的.appcache文件，具体方法取决于您拥有的IIS版本：

在 IIS6 use IIS manager
在 IIS7 及更高版本中，您可以use IIS manager或将其添加到mimeMap element in web.config

Answer 2

我只是想对这里接受的答案发表评论，因为提到的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

Answer 3

不要忘记你需要

CACHE MANIFEST

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

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

应该做的伎俩

Application Cache清单

3 个答案: