html5 离线-HTML5 离线缓存

HTML5的离线存储是基于新创建的.manifest文件。 使用该文件上的解析列表离线存储资源后，该资源将像cookie一样被存储。 之后，当网络离线时，浏览器会通过离线存储的数据将页面高亮显示。 CSS

1. HTML5离线缓存的优点

1. 离线浏览 – 用户可以离线使用html5应用程序

2.速度——缓存资源加载速度更快的浏览器

3.减少服务器负载——浏览器只会从server.cache下载更新或更改的资源

2. HTML5离线缓存基本流程服务器

第一次正确配置appcache后html5 离线，当我们再次访问应用程序时，浏览器会首先检查manifest文件是否发生变化html5 离线，如果有变化，就会更新对应的，并更改应用程序上的appcache同时浏览器如果不进行更改，会直接返回appcache资源。 曲奇饼

3、网上的manifest文件怎么写

CACHE MANIFEST
#上面一句必须
#v1.0.0
#须要缓存的文件
CACHE:
a.js
b.css
#不须要缓存的文件
NETWORK:
*
#没法访问页面
FALLBACK:
404.html

4.manifest文件的格式说明

1. CACHEMANIFEST（必填）网站

(1)是固定格式，必须写在上面

(2)#开头的是注释。 一般第二行会写一个版本号，用于缓存文件更新时修改manifest，这样就可以是版本号、时间戳或者md5码等。

二、CACHE（必填）

(1) 确定哪些文件需要缓存，可以是相对路径，也可以是绝对路径。

(2) 当加载manifest文件时，浏览器会从网站的根目录下载这些文件。 然后，无论用户何时断开与互联网的连接，该资源仍然可用。

3. 网络（可选）

（1）这部分是绕过缓存直接读取的文件，需要链接到服务器，不会被缓存

(2)、使用转义符“*”表示所有其他资源/文件都需要互联网链接

4. 网络（可选）

(1)指定一个备份页面，当资源无法访问时浏览器使用该页面。 此部分中的每条记录都列出两个 URI - 第一个用于资源，第二个用于后备页面。 两个 URI 必须使用相对路径并且与清单文件同源。

(2) 例如

如果无法建立互联网连接，请将 /html5/ 目录中的所有文件替换为“404.html”

后备：/html5//404.html

如果无法建立互联网连接，请将所有文件替换为“404.html”

后备：*.html/404.html

来源：HTML5 离线缓存