今天看到H5通过创建与配置.manifest文件实现web应用程序缓存,Mark下来:
一. Manifest文件
1. manifest 文件是简单的文本文件用来告知浏览器需要被缓存的内容,
2.建议的文件扩展名是:".appcache"。(.manifest 可使用任意文件扩展名)
3.需要在Web服务器上配置正确的 MIME-type,即 "text/cache-manifest"。
二.Manifest文件示例
CACHE MANIFEST
# 2016-12-20 v1.0.0
# 直接缓存的文件
/demo.html
/demo.css
/demo.js
#需在线,离线时不可用
NETWORK:
demo.php
#替代方案
FALLBACK:
/html/ /offline.html
1.CACHE MANIFEST:必需,在此标题下列出的文件将在首次下载后进行缓存;
2.NETWORK:需要与服务器的连接,且不会被缓存;可以使用星号来指示所有其他其他资源/文件都需要因特网连接
3.FALLBACK:规定当页面无法访问时的替代方案(比如 404 页面)
三.html文件
给 <html> 标签加 manifest 属性:
<html manifest="demo.manifest">
manifest 属性可指向绝对网址或相对路径ÿ