HTML5 cache

84 阅读 0 评论 56 点赞

我是靠谱客的博主可靠纸飞机，最近开发中收集的这篇文章主要介绍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的专栏

转载于:https://www.cnblogs.com/mousehhq/p/6424374.html

以上就是可靠纸飞机为你收集整理的HTML5 cache的全部内容，希望文章能够帮你解决HTML5 cache所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。