当请求一个页面index.html, 会依次下载以下文件:
index.html
b.js
c.css
再次刷新页面也会更新这些文件(当文件内容并无实际更新是也会发起http请求, http返回304, 但也会发起http请求)
添加cache文件index.manifest:
index.manifest文件:
CACHE MANIFEST index.html b.js c.css NETWORK: * FALLBACK: error.html
index.html文件中配置:
<html manifest="index.manifest">
再次请求index.html,第一次请求会请求所有文件, 同时会请求index.manifest文件,刷新页面会发现只请求了一个文件——index.manifest
manifest 文件是简单的文本文件,它告知浏览器被缓存的内容(以及不缓存的内容)。
manifest 文件可分为三个部分:
- CACHE MANIFEST - 在此标题下列出的文件将在首次下载后进行缓存,等价于CACHE:
- NETWORK - 在此标题下列出的文件需要与服务器的连接,且不会被缓存
- FALLBACK - 在此标题下列出的文件规定当页面无法访问时的回退页面(比如 404 页面)
注意:其中index.html一定会被缓存起来的,把index.html添加到NETWORK中是不起效果的。
时间: 2024-10-13 19:07:01