HTML5 离线缓存demo在tomcat下的部署
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="">效果给冲掉。切忌。
感慨:网上得来终觉浅,绝知此事要躬行！
页:
[1]