如何用HTML5实现离线下载功能?

html-css010

如何用HTML5实现离线下载功能?,第1张

HTML5对于tomcat上实现离线存储的功能需修改如下:

在tomcat的conf/web.xml中加入mime_type:

<mime-mapping>

<extension>manifest</extension>

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

</mime-mapping>

所有的名单文件被分为三个部分:“explicit”段,“fallback” 段,和“online

whitelist”段。每个部分有一个标头,单独占一行。如果名单文件不含有任何段落标头,所有列出的资源默认为“explicit”段。尽量不要细想这些术语,以免你崩溃。

这儿是一个有效的名单文件。它列出了三个资源:一个CSS文件,一个JavaScript文件,和一个JPEG图片。

CACHE MANIFEST

/clock.css

/clock.js

/clock-face.jpg

此缓存名单文件没有任何段落头,所以所有列出的资源默认为“explicit”段。在“explicit”段中的资源将会被下载并在本地缓存,且会在你没有网络连接时用于代替它们的在线副本。因此,在下载此名单列表的同时,你的浏览器将会从你网络服务器的根目录下载clock.css,clock.js和clock-face.jpg。然后你可以拔掉你的网线并刷新页面,所有这些资源可以在离线时有效。