Application Cache清单

Phi*_*enn 6 html5 html5-appcache

<!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>
Run Code Online (Sandbox Code Playgroud)

我的example.appcache文件有:

# v1 11/16/2011
AppCache.htm
AppCache.js
AppCache.css
large.jpg
Run Code Online (Sandbox Code Playgroud)

它第一次导航到页面时,它问道

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

当我离线Firefox并按下刷新时,jpg消失.

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

rob*_*rtc 18

IIS不提供未知的文件类型.您需要将其配置为提供.appcacheMIME类型的文件text/cache-manifest,如何执行此操作取决于您拥有的IIS版本:


Myc*_*man 9

我只是想对这里接受的答案发表评论,因为提到的mimetype不起作用(至少在IIS7.5中).正确的mimetype是:

text/cache-manifest
Run Code Online (Sandbox Code Playgroud)

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

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