首先老套的记一下优势:
HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。
应用程序缓存为应用带来三个优势:
离线浏览 - 用户可在应用离线时使用它们
速度 - 已缓存资源加载得更快
减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。
一:在你的tomcat的安装包下,找到:在tomcat下的conf/web.xml配置文件:
添加一个mime_type:
添加内容:
manifest
text/cache-manifest
二:在你的web项目下,建一个 .manifest后缀的文件.(路径自己定)
这里我的项目的webapp目录下建:
这里建了一个manifest目录:下面有一个cache.manifest文件(文件名可以随便命名,)
cache.manifest内容:
CACHE MANIFEST
#version 1.0
#直接缓存的文件
CACHE:
../deploy/resources/css/merge-min.css
../deploy/resources/js/merge-min.js
../images/ajax-loader.gif