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

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

  • 相关阅读:
    MyGeneration的NHibernate代码生成模版
    ASP.NET页面控制回车触发按钮
    操作NHibernate进行多事务并发处理的一些小经验
    mysql之sql_mode =only_full_group_by 设置问题
    1、一维数组排序
    使用正则表达式构造定制的HTML5输入框
    JavaScript加密库CryptoJS的使用
    安全密码存储,该怎么做,不该怎么做?
    google 站内搜索
    导入导出xls数据
  • 原文地址:https://www.cnblogs.com/leyi/p/4761216.html
Copyright © 2011-2022 走看看