zoukankan      html  css  js  c++  java
  • 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

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

  • 相关阅读:
    给JavaScript新手的24条实用建议
    javascript之HTML(select option)详解
    PHP的正则处理函数总结分析
    多级关联菜单:
    理解json两种结构:数组和对象
    dede标签学习笔记(一)
    Jewel_M PHP定时执行任务的实现
    网站刷新器
    PHP_SELF、 SCRIPT_NAME、 REQUEST_URI区别
    RemoveXSS()
  • 原文地址:https://www.cnblogs.com/leyi/p/4761216.html
Copyright © 2011-2022 走看看