H5离线缓存机制-Manifest

Manifest是一个简单的文本文件,它的扩展名是任意的,定义需要缓存的文件、资源,当第一次打开时浏览器会自动缓存相应的资源。
H5离线缓存机制-Manifest

Manifest的特点:
  • 离线浏览:断网时也可以继续访问页面
  • 访问速度快:将文件缓存到本地,不需要每次都从网络上请求
  • 稳定性:当服务器发生故障时可继续访问本地缓存
Manifest的使用:

html新增了一个manifest属性,用于指定当前页面的manifest文件,引入得路径可以是相对路径也可以是绝对路径,如果是绝对路径,需挂载在同一个域下。manifest文件可以是任意扩展名,但在服务器上部署时它的MIME-TYPE必须是text/cache-manifest
<html lang="en" manifest="index.manifest">

Manifest文件结构:

接下来详细说说manifest的细节,一个典型的manifest文件代码结构像下面这样:
H5离线缓存机制-Manifest

manifest文件,基本格式为三段: CACHE, NETWORK,与 FALLBACK,其中NETWORK和FALLBACK为可选项。

而第一行CACHE MANIFEST为固定格式,必须写在前面。

以#号开头的是注释,可以是版本号,时间戳等等。一般会在这写个版本号,用来在缓存的文件更新时,更改manifest的作用:浏览器已经缓存下来的缓存,只有当manifest文件发生了改变才会更新本地缓存,即使你的代码发生了

更新,本地浏览器也是不知道的,所以每次发布代码时你可以更改下#后面的信息比如版本号或者时间,告诉浏览器相应的更新本地缓存。