HTML5离线缓存在tomcat下部署可实现图片flash等离线浏览


打开一个网页,加载完后,如果突然断网了,那么你刷新后那页面就没了。
有没有想过,刷新后页面还是刚刚才页面,在新窗口中再打开一个页面,输入相同的网址,在断网的状态下打开还是原来那个页面。。HTML5的离线应用正提供了这样一个功能。
在页面中的数据加载时,你可以自己设定一些要缓存的图片、flash、css、js、html等文件,等下次不能联网的情况下,你可以用那些缓存的文件。这就是HTML5的离线应用。
其实它实现起来很简单。

需要服务器。这里用tomcat服务器来讲解。
首先要先把.manifest后缀的文件 的mine类型配置为text/cache-manifest。
一讲到tomcat配置,熟悉的朋友自然就会想到web.xml这个文件,没错,在文件中加入如下配置就行:

复制代码
代码如下:

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

然后写一个xxx.manifest文件,xxx是你自己取的一个名字。这个文件的格式是这样的:

复制代码
代码如下:

CACHE MANIFEST
#version 1.5
CACHE:
MyTest.html
CSS/main.css
Javascript/bwH5LS.js
exp-calif-logo.gif

第一行是必须的,它标识这是manifest的配置文件。
#version 1.5
这句是注释,没实际的作用,我在这里只是想让浏览器更新缓存文件。因为当这个manifest文件与原来一样的时候,浏览器是不会去重新加载缓存文件的,所以我们可以通过这个注释,一方面修改版本号,另一方面让浏览器更新缓存。
CACHE:
这行指示出下面的文件是要缓存的。示例中,缓存了当前页面:MyTest.html,以及一些css和js文件 还有图片。
还有几个关键字示例中没提到,就是
NETWORK:
FALLBACK:
NETWORK 指不想缓存的页面;FALLBACK 是指请求的文件 没有找到或该文件的服务器没有响应时的替代方案,比如我们想请求某个嵌套页面,但这个页面的服务器连接不上了,那么我可以转向另外一个指定的页面。
这是第二步,第三步,只要在<html>标签中加上manifest的位置就行了:
<html manifest="NAME.manifest">
到这里,就可以实现简单的离线应用了。

那些缓存的文件放在哪呢?
在chrome上测试,发现它是按自己的机制来分块保存这些文件的,所以我没找不到完整的文件。保存的数据在:
C:\Users\jasonling\AppData\Local\Google\Chrome\User Data\Default 里面,具体怎么存,笔者还不了解。
火狐上的文件也是按它自己的机制来存的,不过笔者本人用sqlite打开后,找到了缓存文件的具体信息:
读者有兴趣可以自己去尝试一下,看会不会有新发现。



相关阅读:
win10 10240上安装Win10 RTM之后的内测版 无需密匙
关于js与php互相传值的介绍
javascript控制台详解
Yii PHP Framework实用入门教程(详细介绍)
javascript图片切换综合实例(循环切换、顺序切换)
升级win10后如何清除最近打开文件记录?
html之简单网页表格制作示例介绍
Java中的Object类详细介绍
Linux中mdadm命令管理RAID磁盘阵列的实例总结
C#实现将HTML转换成纯文本的方法
JS操作XML实例总结(加载与解析XML文件、字符串)
C#域名解析简单实现方法
C++实现第K顺序统计量的求解方法
ThinkPHP基于PHPExcel导入Excel文件的方法
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 中国人民坚强不屈——读《狼牙山五壮士有感》作文400字 真情记事,很感人的噢 网站信息发布协议 老鹰的故事 未来的彩田公园 里约奥运会作文450字 当婚姻遭遇危机 初中初一作文700字:午餐1800秒 做民族团结的模范讲座材料 大学生寒假社会实践论文 第一课时 充满生机和活力的制度 如果我没有走神,是不是就不会痛苦的喜欢你 过去吧…… 大学生入党申请书试用版 电脑与互联网作文500字 霞影琴馆音乐会作文300字 漫步在夏季 杨梅作文500字 古来相接眼中稀 秋雨,城中彷徨 试着亲近那颗炽热的心——关于鲁迅先生的想法作文800字 我的中国梦心得体会范本 熟悉的场景、已是物是人非。 一根了不起的木棍 图书馆里的狗熊 小学六年级作文500字:小气妞 对扶贫工作中一些问题的思考 初中初三作文800字:塞尔号 第二回 VS 阿克西亚 我要让你们大吃一惊作文200字 泽陂 谁明白这是谁的殇 送长辈的元宵祝福语 餐饮部员工工作总结 小学五年级作文500字:我是一只玩具米老鼠 封存了,我的初恋。 2015烟草局国庆期间工作情况汇报 散步作文300字 我爱我的小组 潇湘妃子,我想对你说 末日社会我想用实话换一张船票 爱——不该寂寞 读《臭草及其他》有感_600字 亲亲恶外婆 关于我县规划区农民住宅建设的调研报告 竹子的句子 卢纶《塞下曲·林暗草惊风》 中考百日誓师大会校长发言稿_励志演讲 一种伤痛叫思念 中秋习俗1000字 她或她

Copyright © 2016 phpStudy |