应用程序缓存

最新推荐文章于 2023-01-13 15:39:53 发布

Euphoria_zx

最新推荐文章于 2023-01-13 15:39:53 发布

阅读量737

点赞数 2

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/qq_43504375/article/details/89889050

版权

html 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

应用程序缓存

概念：使用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（表示如果获取不到前面的文件就显示后面的文件）
    - / （代表所有文件，即不管什么文件找不到，都用后面的文件来代替）