定义
HTML5提供一种应用缓存机制,使得基于web的应用程序可以离线运行。开发者可以使用 Application Cache (AppCache) 接口设定浏览器缓存的数据并使得数据离线有效。 在处于离线状态时,即使用户点击刷新按钮,应用也能正常加载与工作
优点
1)离线浏览: 用户可以在离线状态下浏览网站内容
2)更快的访问速度: 因为数据被存储在本地,所以速度会更快
3)减轻服务器的负载: 浏览器只会下载在服务器上发生改变的资源
用法
1)在添加属性manifest=‘cache.manifest’
2)cache.manifest文件是简单的文本文件,告诉浏览器缓存和不缓存的内容
CACHE MANIFEST //在此标题下列出的文件将在首次下载后进行缓存,必须的
/ index.html //当manifest文件加载后,浏览器从网站的根目录下下载这些文件
/cache.html
/style.css
/image1.png
NETWORK: //在此标题下列出的文件需要与服务器的连接,且不会被缓存
network.html
FALLBACK: //在此标题下列出的文件规定当页面无法访问时的回退页面(比如 404 页面)
/ fallback.html
更新缓存
一旦应用被缓存,它就会保持缓存直到发生下列情况:
(1)、用户清空浏览器缓存
(2)、manifest 文件被修改(参阅下面的提示)
(3)、由程序来更新应用缓存
注意: 浏览器对缓存数据的容量限制可能不太一样(某些浏览器设置的限制是每个站点 5MB)