Web应用的离线缓存配置

HTML5新增的功能, 通过manifest配置需要缓存的文件. 以便离线浏览.

使用方式

HTML

<html lang="en" manifest="/offline.manifest">  

Apache .htaccess

如果用的Apache

AddType text/cache-manifest .manifest  

manifest

CACHE MANIFEST  
#v1  
  
CACHE:  
index.html  
css/main.css  
img/logo.png  
  
  
NETWORK:  
*  
  
FALLBACK:  
//offline.html  

说明

CACHE

部分罗列了所有离线使用所需要的文件。这些文件的路径都是相对offline.manifest而言的。使用绝对路径也可以的。

NETWORK

部分罗列了所有不需要被缓存的文件,你可以将看成一个”在线白名单“。此处罗罗列的文件在网络畅通的情况下都会直接跳过缓存。

如果你想网络内容在网络畅通个的情况下及时更新,可以在此处使用* 。星号呗成为在线白名单通配符。

FALLBACK

部分使用/字符定义了一个URL模板,他的作用是访问每个页面时都会问”缓存中有这个页面吗?“如果有则显示缓存页面,如果没有则显示指定的offline.html文件。

转载于:https://my.oschina.net/wolfx/blog/707329

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值