HTML 5应用程序缓存使用总结

时间：2016-02-29

近期接触了HTML5本地缓存，在HTML页面的html标签加入后缀为.appcache的文件，即可以轻松地创建 web 应用的离线版本。

使用本地缓存带来的好处：

浏览器支持：

所有主流浏览器均支持应用程序缓存，除了 IE

HTML5 Cache Manifest 实例

下面的例子展示了带有 cache manifest 的 HTML 文档（供离线浏览）：

如需启用应用程序缓存，请在文档的 <html> 标签中包含 manifest 属性：

<!DOCTYPE HTML>
<html manifest="demo.appcache">
...
</html>

每个指定了 manifest 的页面在用户对其访问时都会被缓存。如果未指定 manifest 属性，则页面不会被缓存（除非在 manifest 文件中直接指定了该页面）。

manifest 文件的建议的文件扩展名是：".appcache"。

请注意，manifest 文件需要配置正确的 MIME-type，即 "text/cache-manifest"。必须在 web 服务器上进行配置。

manifest 文件是简单的文本文件，它告知浏览器被缓存的内容（以及不缓存的内容）。

manifest 文件可分为三个部分：

Manifest 使用总结：

有了 .appcache文件后，HTML时间戳文件是否失去了它原来的意义呢？

也许当IE的低版本去见马克思后，当所有浏览器都支持HTML5应用程序缓存后，HTML时间戳文件才可能退休，至少在目前，还是离不开平凡更新的时间戳文件。而使用.appcache文件来更新浏览器缓存，目前主要应用在移动终端。

参考文章：

上一篇：HTML5制作仿jQuery效果 下一篇：基于HTML5 的人脸识别技术