码迷,mamicode.com
首页 > Web开发 > 详细

HTML5 cache

时间:2017-02-21 17:26:04      阅读:430      评论:0      收藏:0      [点我收藏+]

标签:ref   文件   code   sdn   css   回退   无法   span   服务器   

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

标签:ref   文件   code   sdn   css   回退   无法   span   服务器   

原文地址:http://www.cnblogs.com/mousehhq/p/6424374.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!