---恢复内容开始---
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.jsjquery-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 MANIFESTCACHE:jquery-1.8.3.min.js12.txt
---恢复内容结束---
时间: 2024-10-11 18:48:55