1、环境搭建(Tomcat为例):
在Tomcat中的conf配置文件中web.xml中添加离线配置:
<!--HTML5--> <mime-mapping> <extension>appcache</extension> <mime-type>text/cache-manifest</mime-type> </mime-mapping> <!--HTML5-->
2、web项目中创建index.appcache在其录入一下内容:
CACHE MANIFEST CACHE: index.jsp test.htm
3、创建HTML5页面
注意:要想其离线应用功能启用,在HTML5中添加如下内容:
<html manifest="index.appcache">
4、页面如下内容:
<!DOCTYPE html> <html manifest="index.appcache"> <head> <meta charset="UTF-8"> <title>HTML5特性之离线缓存测试</title> </head> <body>+++++++++++++++++++++++++++++++++++++++ </body> </html>
5、测试:启动tomcat访问后,关闭tomcat,再次访问,即可看到效果