您的位置：首页 > 运维架构 > Tomcat

HTML5 离线缓存demo在tomcat下的部署

2013-08-30 18:30 316 查看

HTML5有一个新特性，支持离线缓存,便于开发离线应用。

经过了一些小波折,自己这边也写了一个可以成功运行的demo。部署在tomcat下。

1.第一步:在tomcat下的conf/web.xml添加一个mime_type.

添加内容:

<mime-mapping>

<extension>manifest</extension>

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

</mime-mapping>

2.编写.manifest文件。

文件名可以随便命名,我的是test.manifest

文件内容:

CACHE MANIFEST

#VERSION 3.9

# 直接缓存的文件

CACHE:

/html5cache/test.html

/html5cache/ebt.png

#需要在时间在线的文件

NETWORK:

/html5cache/test.js

/html5cache/damicTest.jsp

# 替代方案

FALLBACK:

3.编写离线缓存的HTML文件

<!DOCTYPE html>

<html manifest="/html5cache/test.manifest">

<head>

<meta charset="UTF-8">

<title>HTML5特性之离线缓存V3.7 </title>

</head>

<body>

</body>

</html>

关键一句就在<html manifest="/html5cache/test.manifest">上面。

一定不能写成<html> ......<html manifest="/html5cache/test.manifest">这种写法就会把<html manifest="">效果给冲掉。切忌。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航