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

在繁忙的网络世界中，我们时常遇到断网的情况。你是否曾想过，如果在浏览网页时突然断网，然后刷新页面或者在新窗口中输入相同的，仍然能够访问刚刚查看的页面？HTML5的离线应用功能为我们提供了这样的可能性。

当网页数据加载时，我们可以预先缓存一些必要的文件，如图片、Flash、CSS、JS以及HTML文件。等到无法联网的时候，这些缓存的文件就会派上用场。这就是HTML5离线应用的魅力所在。实现这一功能其实并不复杂。

我们需要一个服务器，这里以tomcat服务器为例。我们需要配置服务器以识别带有“.manifest”后缀的文件的类型。这可以通过调整web.xml文件来实现。在文件中加入以下配置：

```xml

manifest

text/cache-manifest

```

接着，创建一个以“x.manifest”命名的文件，其中x是自定义的名称。这个文件的格式如下：

```bash

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

```

至此，简单的离线应用就设置完成了。那么，缓存的文件保存在哪里呢？在Chrome上测试时，发现它按照自身的机制保存这些文件，可能无法直接找到完整的文件。保存的数据位于“C:\Users\jasonling\AppData\Local\Google\Chrome\User Data\Default”路径下。火狐则是使用自己的方式存储，可以通过sqlite等工具其具体存储信息。

这一功能让网页体验更加流畅，即使在断网的情况下也能访问之前查看的页面。对于那些需要离线阅读或工作的用户来说，无疑是一大福音。随着网络技术的发展，离线应用功能将越来越普及，为我们的生活带来更多便利。