离线存储

关键词： manifest

使用方式：头部html标签设置

新建catche.manifest文件，书写方式

CACHE MANIFEST
#v0.11

CACHE:

js/app.js
css/style.css

NETWORK:
resourse/logo.png

FALLBACK:
/ /offline.html

三部分组成：

CACHE:表示离线存储的资源列表，而且包含manifest文件的页面也会被自动离线存储
NETWORK:表示在下面列出来的资源只有在线才能访问，不会被离线存储，加入cache和network公有一个相同的资源，这个文件还是会被离线存储，也就是说cache的优先级更高
FALLBACK:第一个资源访问失败，就用第二个资源替换它，比如上面这个文件表示的就是访问根目录下任何一个资源失败了，就去访问offline.html

浏览器解析manifest过程

在线情况下，浏览器发现头部有manifest属性，就会请求manifest文件，第一次访问网站，就会根据manifest文件内容下载相应的资源进行离线存储。如果访问过这个网站并且进行离线资源存储了，就使用离线的资源加载页面，然后浏览器会对比新旧manifest文件，如果文件没有发生改变，就不做任何操作，如果文件改变，就会重新下载文件中的资源并进行离线存储

注意问题：