当前位置:首页 » HTML » 正文

HTML5中离线Web应用

485 人参与  2017年02月12日 19:52  分类 : HTML  点这评论

1.缓存清单(manifest)概述 

Web应用程序的本地缓存是通过每个页面的manifest文件来管理的。manifest文件是一个简单文本文件,在该文件中以清单的形式列举了需要被缓存或不需要被缓存的资源文件的文件名称,以及这些资源文件的访问路径。你可以每一个页面单独指定一个manifest文件,也可以对整个Web应用程序指定一个总的manifest文件。


2.Manifest文件代码

CACHE MANIFEST

#文件的开头必须要书写CACHE MANIFEST

#这个manifest文件的版本号

#version 9

CACHE:

other.html

mr.js

images/mrphoto.jpg

NETWORK:

http://192.168.1.96:82/mr

mr.php

*

FALLBACK:

online.js locale.js

CACHE:

newmr.html

newmr.js 


3.Manifest文件代码说明

Ø第一行必须是“CACHE  MANIFEST”文字,以把本文件的作用告知给浏览器,即对本地缓存中的资源文件进行具体设置。 

Ø在manifest文件中,可以加上注释来进行一些必要的说明或解释,注释行以“#”文字开头。注释前面可以有空格,但是必须是单独的一行。 

Ø在manifest文件中最好加上一个版本号,以表示这个manifest文件的版本。版本号可以是任何形式,譬如“version 201011211108”,更新manifest文件的时候一般也会对这个版本号进行更新。 

Ø接下指定资源文件,文件路径可以是相对路径,也可以是绝对路径。指定时每个资源文件为一行


在指定资源文件的时候,可以把资源文件分为三类,分别是:CACHE、NETWORK、FALLBACK。

Ø在CACHE类别中指定需要被缓存在本地的资源文件。为某个页面指定需要本地缓存的资源文件时,不需要把这个页面本身指定在CACHE类别中,因为如果一个页面具有manifest文件,浏览器会自动对这个页面进行本地缓存。 

ØNETWORK类别为显示指定不进行本地缓存的资源文件,这些资源文件只有当客户端与服务器建立连接的时候才能访问。这些资源文件只有当客户端与服务器端建立连接的时候才能访问。本示例该类别中的“*”为通配符,表示没有在本manifest文件中指定的资源文件都不进行本地缓存。 ØFALLBACK类别中的每行中指定两个资源文件,第一个资源文件为能够在线访问时使用的资源文件,第二个资源文件为不能在线访问 时使用的备用资源文件。

说明:每个类别都是可选的。但是如果文件开头没有指定类别而直接书写资源文件的时候,浏览器把这些资源文件视为CACHE类别,直到看见文件中第一个被书写出来的类别为止。

 


4.正确地提供清单文件的相关配置

ØApache的配置

AppServ/Apache2.2/conf文件夹中的mine.types文件并向其添加如下所示的内容:

text/cache-manifest manifest

这确保当你请求任何扩展名为.manifest的文件时,Apache将发送text/cache-manifest文件头部。

Ø在微软的IIS服务器中 

•右键选择默认网站或需要添加类型的网站,弹出属性对话框。

•选择“HTTP头”标签。 •在MIME映射下,单击文件类型按钮。 

•在打开的MIME类型对话框中单击新建按钮。 

•在关联扩展名文本框中输入“manifest”,在内容类型文本框中输入“text/cache-manifest”,然后单击确定按钮。



5.浏览manifest清单 

为了让浏览器能够正常阅读该文本文件,需要在Web应用程序页面上的html标签的manifest属性中指定manifest文件的URL地址。指定方法如下所示。

<!--可以为每个页面单独指定一个manifest文件--!>

<html manifest="mr.manifest">

...

</html>

<!--也可以为整个Web应用程序指定一个总的manifest文件--!>

<html manifest="mrsoft.manifest">

...

</html>


来源:太阳笑了博客:感恩有你一路相伴(QQ号:1368396530),转载请保留出处和链接!

本文链接:http://www.taiyangxiao.com/post/354.html

本文标签:HTML  manifest  

<< 上一篇 下一篇 >>

  • 评论(1)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

相关文章

最近发表

    网站分类

    最新留言

    我是公告

      感谢大家访问我的博客,如果大家喜欢我的内容,请友情支持一下,点击下面广告吧!

    皖ICP备16018029号|本站已安全运行了天| 信用认证 |

    博客大全 卢松松博客 中国博客联盟 boke112导航 米鱼博客

    快捷导航返回顶部

    分享:

    支付宝

    微信