首页 > 代码库 > HTML5 cache

HTML5 cache

2024-09-05 06:29:39   220人阅读

当请求一个页面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


联系
我们