---恢复内容开始---
1：MIME TYPE：text/cache-manifest 服务器配置MIME类型
2：需要由你创建的：NAME.manifest 创建manifest文件
3：给 <html> 标签加 manifest 属性：<html manifest="path/to/NAME.manifest">
------------------------------------------------------------------------
Manifest 文件描述：
manifest 文件是简单的文本文件，它告知浏览器被缓存的内容（以及不缓存的内容）。
manifest 文件可分为三个部分：
CACHE MANIFEST - 在此标题下列出的文件将在首次下载后进行缓存
NETWORK - 在此标题下列出的文件需要与服务器的连接，且不会被缓存
FALLBACK - 在此标题下列出的文件规定当页面无法访问时的回退页面（比如 404 页面）
------------------------------------------------------------------------
Manifest 文件包含内容如下：
CACHE MANIFEST
# 直接缓存的文件
CACHE:
js/common.js
jquery-1.8.3.min.js
# 需要在线联网请求的文件
NETWORK:
/other/ #这个目录下的文件需要联网
# 替代方案
FALLBACK:
/ajax/ ajax.html
------------------------------------------------------------------------
Cache Manifest 存在的问题：
会缓存引用了 manifest 文件的页面
如果需要缓存当前页面部分静态文件的解决方法：
可以不在当前页引用manifest文件，通过iframe加载一个页面，iframe加载的页面里引用manifest文件，通过iframe页面缓存静态文件。
通过查看请求头信息：Status Code:304 Not Modified 说明文件被缓存。
<!--不需要缓存的当前页-->
<html>
<head></head>
<body>
<iframe src="haha.html" height="0" frameborder="0" ></iframe>
</body>
</html>
<!--iframe页面，引用appcache文件-->
<html manifest="demo.appcache">
<head></head>
<body>
</body>
</html>
<!--manifest文件-->
CACHE MANIFEST
CACHE:
jquery-1.8.3.min.js
12.txt
---恢复内容结束---
扫一扫
5030
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
