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

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

  • 相关阅读:
    (13)使用Ajax Helper 提高用户体验
    (12)改变图片的大小生成缩略图
    (11)通过表单上传文件
    程序员需要有多懒 ?- cocos2d-x 数学函数、常用宏粗整理
    xCode 4.X 免证书真机发布及调试
    35岁前必须做好的10件事情(转载)
    独自收集Cocos2d提供的字体!共57种(有对照的字体图)
    (10)根据关键字搜索
    tcp拥塞控制
    dpcnv reademe
  • 原文地址:https://www.cnblogs.com/leyi/p/4761216.html
Copyright © 2011-2022 走看看