首页 > 代码库 > HTML5 cache

HTML5 cache

当请求一个页面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中是不起效果的。

参考:liqinghua1653的专栏  

 

HTML5 cache