离线缓存

1.首先我们要说一下什么是离线缓存？

　　离线缓存：离线缓存可以将站点的一些文件缓存到站点，他是浏览器的一种机制，将需要的文件缓存下来，以便后期即使没有连接网络，被缓存的页面也可以显示出来、

2.然后我们说一下它的优势

　　(1).在没有网络的时候可以访问到缓存的对应的站点页面，包括html，js，css，img等等文件

　　(2).在有网络的时候，浏览器会优先使用已离线存储的文件，返回一个200(from cache)头。这跟HTTP

的缓存实用策略是不同的

　　(3).资源的缓存可以带来更好的用户体验，当用户使用自己的流量上网时，本地缓存不仅可以提高用户访问速度，而且大大节约用户的使用流量。

3.如何使用离线缓存？

　　(1)在需要缓存的和html文件的根节点(html)添加manifest属性，属性值是当前目录下的一个.appcache文件

　　　　注意将他们放在同一目录中　　

同目录的.appcache

　　解析manifest文件失败原因是服务器端没有响应这个文件的mime类型

　　在服务器端添加.appcache文件的mime类型我们以phpstudy为例。

　　(2)在服务器下打开html文件在控制台application里可以找到缓存文件

　　(3)查看客户端下缓存文件的位置

　　　　1）在chrome浏览器的地址栏输

　　　　2）通过个人资料路径可以找到cache文件夹