html5 中的应用缓存是什么?

定义

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)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值