您的位置：首页 > Web前端 > HTML5

HTML5 缓存: cache manifest

2015-08-26 17:46 661 查看
---恢复内容开始---

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

---恢复内容结束---
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航