查看: 364|回复: 0

[经验分享] HTML5 离线缓存demo在tomcat下的部署

尚未签到

发表于 2017-2-4 12:45:02 | 显示全部楼层 |阅读模式

　　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、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表，该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有，请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意，请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息，一经发现立即删除。若您因此触犯法律，一切后果自负，我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集，我们仅提供一个展示、介绍、观摩学习的平台，我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责，亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏，不得用于商业或者其他用途，否则，一切后果均由您自己承担，我们对此不承担任何法律责任
7、如涉及侵犯版权等问题，请您及时通知我们，我们将立即采取措施予以解决
8、联系人Email：admin@iyunv.com 网址：www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址：https://www.yunweiku.com/thread-337444-1-1.html 上篇帖子：在tomcat中实现https安全连接的方法下篇帖子： TOMCAT服务器常用配置（包括默认路径，GZIP等）

使用道具举报