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="">效果给冲掉。切忌。
感慨:网上得来终觉浅,绝知此事要躬行!