让不同的服务端支持 HTML5 Cache Manifest 文件 (Apache / Ngnix / Tomcat / GAE)

本文主要记录的是 manifest 文件所需要的服务器端的支持,包括目前被广泛使用的服务器:Apache / Nginx / Tomcat / GAE。

manifest in html:

<html manifest="example.manifest">
  ...
</html>

manifest 属性可指向绝对网址或相对路径,但绝对网址必须与相应的网络应用同源。清单文件可使用任何文件扩展名,但必须以正确的 MIME 类型提供,这里只需要将 manifest 的文件类型定义为 text/cache-manifest 即可。

example.manifest :

CACHE MANIFEST
# 2017-04-21 v1.0.0
#第一行,CACHE MANIFEST,是必需的:
#上面的 manifest 文件列出了三个资源:
#一个 CSS 文件,
#一个 GIF 图像,
#以及一个 JavaScript 文件。
#当 manifest 文件加载后,浏览器会从网站的根目录下载这三个文件。
#然后,无论用户何时与因特网断开连接,这些资源依然是可用的。
/demo.css
#/logo.png
#/main.js
#下面的 NETWORK 小节规定文件 "login.php" 永远不会被缓存,且离线时是不可用的:
NETWORK:
login.php
#下面的 FALLBACK 小节规定如果无法建立因特网连接,则用 "offline.html" 替代 /html5/ 目录中的所有文件:
FALLBACK:
/html/ /offline.html

下面是常见的服务器系统的配置方式(这里是有的 manifest 文件后缀是 .manifest ):

让 Apache 支持 manifest

新建或者编辑现有的 .htaccess 文件,在里面加上一行:

AddType text/cache-manifest .manifest

让 Nginx 支持 manifest

修改 mime.types 文件,在里面增加 manifest 文件的映射:

text/cache-manifest manifest

让 Tomcat 支持 manifest

修改 web.xml 文件,在里面增加:

<mime-mapping>  
    <extension>manifest</extension>  
    <mime-type>text/cache-manifest</mime-type>  
</mime-mapping>

让 GAE 支持 manifest

修改 app.yaml ,在里面增加:

- url: /mystaticdir/(.*\.manifest)
  static_files: mystaticdir/\1
  mime_type: text/cache-manifest
  upload: mystaticdir/(.*\.manifest)

转载于:https://my.oschina.net/u/3338945/blog/884336

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值