HTML5 缓存: cache manifest

---恢复内容开始---

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

---恢复内容结束---

posted @ 2015-08-26 17:46  韭菜茄子  阅读(390)  评论(0编辑  收藏  举报