码迷,mamicode.com
首页 > Web开发 > 详细

HTML5缓存manifest文件详解

时间:2016-06-29 13:06:58      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:

      HTML5引入了应用程序缓存(Application Cache),通过创建manifest文件可以轻松地创建Web应用的离线版本,使Web应用可以在没有网络的时候任然可以访问。manifest文件主要定义需要缓存的文件,支持manifest的浏览器将按照manifest文件的规则把文件保存在本地,这样在没有网络的时候就可以从本地读取缓存文件。下面PHP程序员雷雪松详细的讲解下HTML5缓存manifest文件。

1、Manifest的优点
a.离线浏览 – 用户可在应用离线时使用它们
b.速度 – 已缓存资源加载得更快
c.减少服务器负载 – 浏览器将只从服务器下载更新过或更改过的资源。

2、如何试用Manifest文件
a.通过html标签的manifest属性制定Manifest文件

 技术分享

 

b.Manifest文件基本格式,CACHE MANIFEST 为文件申明
CACHE- 需要缓存的文件

 技术分享

 

 

NETWORK – 不被缓存的文件

 技术分享

 

 

FALLBACK – 制定无法访问文件时的文件

 技术分享

 

3、完整的 Manifest 文件

 技术分享

 

4、如何更新缓存
a.修改manifest文件
b.通过js清除缓存,window.applicationCache.update();
c.清除浏览器缓存

 

HTML5缓存manifest文件详解

标签:

原文地址:http://www.cnblogs.com/xiangling/p/5626117.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!