应用程序缓存

应用程序缓存

  • 概念:使用HTML5,通过创建 cache manifest 文件,可以轻松地创建web应用的离线版本
  • 优势
    • 可配置需要缓存的资源
    • 网络无连接应用仍可用
    • 本地读取缓存资源,提升访问速度,增强用户体验
    • 减少请求,缓解服务器负担
  • Cache Manifest 基础
    • 如需启用应用程序缓存,需要在文档的<html>标签中包含manifest属性,值为应用程序缓存清单文件的路径。这个文件的本质是文本文件
    • 每个指定了manifest的页面在用户对其访问时都会被缓存,如果未指定manifest属性,页面不会被缓存,除非在manifest文件中直接指定了该页面
    • 建议文件的扩展名是appcache
    • 注意:manifest文件需要配置正确的MIME-type,即“text/cache-manifest”。必须在web服务器上进行配置
  • Manifest文件
    • 概念:manifest文件是简单的文本文件,它告知浏览器被缓存的内容(以及不缓存的内容)
    • manifest文件可分为三个部分
      • CACHE MANIFEST - 开始
        • 写在首行,毫无条件的首行
      • CACHE 在此标题下列出的文件将在首次下载后进行缓存
        • CACHE:
        • …/img/01.jpg
        • …/img/02.jpg
        • *(缓存所有文件)
      • NETWORK 在此标题下列出的文件需要与服务器连接,并且不会被缓存
        • NETWORK:
        • …/img/03.jpg
        • …/img/04.jpg
      • FALLBACK 在此标题下列出的文件规定当页面无法访问时的回退页面(比如404页面,或者说是替代文件)
        • FALLBACK:
        • …/img/05.jpg …/img/06.jpg(表示如果获取不到前面的文件就显示后面的文件)
        • / (代表所有文件,即不管什么文件找不到,都用后面的文件来代替)
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值