HTML5 创建manifest缓存以及更新方法

一、manifest

MIME TYPE:text/cache-manifest
需要由你创建的:NAME.manifest(自己动手创建文件)
1.找到你webServer文件夹


屏幕快照 2017-02-17 下午5.40.27.png

2.在终端cd到你的目标文件夹

屏幕快照 2017-02-17 下午5.41.03.png

3.在终端中创建 manifest 文件
sudo touch cache.manifest
4.配置cache.manifest 文件
sudo vim cache.manifest

CACHE MANIFEST
#VERSION
#直接缓存的文件
CACHE:
manifest.html
# 需要在线时的文件
NETWORK:
listener.html
#替代方案
FALLBACK:
h1.html                                                                      
"cache.manifest" 9L, 120C

作用:主要是配置需要缓存的文件

二、实现

在服务器上添加MIME TYPE支:
比如 Apache 中可在 .htaccess 中添加:

AddType text/cache-manifest manifest
创建 NAME.manifest:
其中第一行的 CACHE MANIFEST 标识是一定要有的(测试时发现火狐不加也能缓存成功,但不知是否有其他影响);

CACHE / NETWORK / FACKBACK 三个关键字用于不同功能,CACHE 缓存;NETWORK 指不想缓存的页面;FALLBACK 是指当没有响应时的替代方案,比如我想请求某个页面,但这个页面的服务器挂了,那么,我可以显示另外一个指定的页面;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容