HTML5之离线缓存Manifest

发表于

什么是Manifest

简单来说是让应用可以在不联网的情况下也能访问：

  • 离线浏览：
  • 更快的速度：读取本地缓存所以访问速度快；
  • 减轻服务器负载：文件缓存后不需要再次请求，只需要请求需要更新的文件。

怎么使用

  1. 需要在想要缓存的每一页都包含该属性：<html manifest="demo.appcache">，这样该页面就会被加入application cache中。
  2. .manifest格式如下：
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    CACHE MANIFEST
    #上面一句必须
    #v1.0.0
    #需要缓存的文件
    CACHE:
    a.js
    b.css
    #不需要缓存的文件
    NETWORK:
    *
    #无法访问页面
    FALLBACK:
    404.html