HTML5 应用程序缓存
application cache 应用程序缓冲，WEB应用可进行缓存，并在没有网络的情况下使用，通过创建 cache manifest 文件，可以创建离线应用。
三大优势
离线浏览
提升页面载入速度
降低服务器压力
页面中设置 application cache
<!DOCTYPE HTML> <html manifest="demo.appcache"> <body> The content of the document... </body> </html> // manifest 引用方法 // demo.appcache 文件详情
配置
manifes 文件需要配置正确的 MIME-type，即 "text/cache-manifest"。必须在服务器上配置。
Manifest 文件内容讲解 分为三部分
CACHE MANIFEST 在此标题下列出的文件将在首次下载后进行缓存(缓存)
NETWORK 在此标题下列出的文件需要和服务器连接，且不会被缓存(不缓存)
FALLBACK 在此标题下列出的文件规定当页面无法访问时的回退页面(如404页面)
CACHE MANIFEST
CACHE MANIFEST /theme.css /logo.gif /main.js
当 manifest 文件加载后，浏览器会从网站的根目录下载这三个文件。然后，在用户断开因特网时，这些资源任然可用。
NETWORK
NETWORK: login.asp
规定 "login.asp" 永远不会被缓存，且离线时是不可用的。
NETWORK: *
也可用 * 来规定所有资源/文件都不可缓存，需要在有因特网的情况下链接。
FALLBACK
FALLBACK: /html5/ /404.html
规定如果无法建立因特网链接，则用 "404.html" 代替 /html5/ 目录中的所有文件
更新缓存方法
一旦应用被缓存，就会一直保持缓存，直到发生以下情况：
1、用户清空浏览器缓存
2、manifest 文件被修改
3、由程序来更新应用缓存
完整的 Manifest 文件
CACHE MANIFEST # 2017-11-18 v1.0.0 /css.css /logo.jpg /js.js NETWORK: login.asp FALLBACK: /html5/ /404.html
提示：以 "#" 开头的为注释行
提示文
应用缓存会在其 manifest 文件更改时被更新。编写一张图片，或修改一个 js 函数等，是不会被重新缓存的。
更新注释行中的 日期 和 版本号 是一种让浏览器重新缓存文件的好方法。
一旦文件被缓存，则浏览器会继续展示已缓存的版本，即使修改了服务器上的文件。为了确保浏览器更新缓存，您需要更新manifest文件。
注释：浏览器对缓存数据的容量限制可能不太一样（某些浏览器设置的限制是每个站点 5MB）。
参考文献(http://www.w3school.com.cn/html5/html_5_app_cache.asp)(https://www.cnblogs.com/wshiqtb/archive/2013/04/07/3003698.html)
如果您发觉哪里写的不对，或理解不了，可留言。本人将在第一时间改正错误，及解释相关信息。
浙公网安备 33010602011771号