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

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

  • 相关阅读:
    win server 2012 服务器不能ping通
    Linux系统的文件目录结构
    怎样理解和识别 Linux 中的文件类型
    Linux(Centos 7)下安装Git并配置连接GitHub
    centos 7 下升级自带 sqlite3
    Pycharm项目上传到Github
    计算机存储单位:bit, Byte, KB, MB, GB, TB, PB, EB, ZB, BB
    ubuntu 删除命令
    influxDB 各个历史版本号,时间截止2020年9月27日
    使用Github做一个完全免费的个人网站
  • 原文地址:https://www.cnblogs.com/leyi/p/4761216.html
Copyright © 2011-2022 走看看