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文件夹