HTML-4.HTML5离线缓存原理

优势？

• 离线浏览 - 用户可在应用离线时使用它们。
• 速度 - 已缓存资源加载得更快。
• 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。

原理：

HTML5的离线存储是基于一个manifest文件(缓存清单文件，后缀为.appcache)的缓存机制(不是存储技术)，通过这个文件上的清单解析离线存储资源，这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态时，浏览器会通过被离线存储的数据进行页面展示。

 

实现方式：

• 首先在文档的html标签中设置manifest属性，引用manifest文件 。
• 然后配置manifest文件，在manifest文件中编写离线存储的资源。
• 最后操作window.applicationCache进行需求实现。
• 此外，必须要在服务器端正确的配置MIME-type。