H5离线缓存

离线缓存：application cache

　　什么是离线缓存：

　　　　离线缓存能够将站点的一些文件缓存到本地，它是浏览器本身的一种机制，将须要的文件缓存下来，以便后期即便没连接网络，被缓存的页面也能够展现

　　离线缓存的优点：

　　　　提升用户的访问速度，节省流量；

　　如何实现离线缓存

　　　　1.在须要缓存文件的根节点 html 上添加 manifest 属性（属性值是以 cache.appcache  为后缀的文件）   

　　　　2.必须在同级目录下添加以  .appcache为后缀的文件

　　　　3.  cache.appcache文件的内容

　　　　内容为 ：

　　　　　　CACHE MANIFEST

　　　　　　# 1.0  版本号  （这个注释是给 开发者看的，表明了第几个版本）

　　　　　　CACHE:

　　　　　　　　在这里书写须要被缓存的文件，既能够是相对路径，也可使用绝对路径

　　　　　　NETWORK:

　　　　　　　　*　　指的是不会被缓存的文件，   * 表明 上面的除了上面的缓存文件以外的其余全部都不会被缓存

　　　　　　FALLBACK:

　　　　　　　　若是没法创建英特网请求（如404），而打开的文件  

　　　　　　

 

　　在服务端的处理（服务端有可能没法解析此文件），须要添加他的mime类型

　　否则在控制台 会报错： failed to parse manifest  （意思是：解析manifest文件失败）

　　缘由是服务端，没有响应这个文件的mime类型

　　在服务器上添加 .appcache文件的mime类型

　　以phpstudy为例

　　　　phpstudy-->apache-->conf-->mime.types

　　在最后一行添加mime类型： text/cache-manifest         .appcache   (还有添加后缀名)

　　如图