HTML5 离线存储

1、写manifest文件

格式:
CACHE MANIFEST //需要缓存的文件
# 1.0.0.1//版本号,用于当脚本更新时,更改版本号,可以更新缓存,这个版本号的名字可以随意些
ajaxflow.png
bgImg.png
blue_glass.png
buttom.png
copycodeHighlight.gif
docindex.png
NETWORK://注意这里必须加冒号,NETWORK部分罗列的资源,无论缓存中存在与否,均从网络获取
../js/jquery-1.7.min.js
../js/jquery.corner.js
2、在html页面上指定文件<html manifest="./examples/images/image.manifest">
3.配置服务器。这里我配置的是Tomcat服务器,具体步骤是:找到服务的conf文件下的web.xml文件,将下面的文件加进去
<mime-mapping>
<extension>manifest</extension>
<mime-type>text/cache-manifest</mime-type>
</mime-mapping>
注意:不一定一定要使用manifest文件,也可以使用其他的名字。如php文件,但如果使用php文件的话。服务器配置文件就要这样写
<mime-mapping>
<extension>php</extension>
<mime-type>text/cache-php</mime-type>
</mime-mapping>

原文地址:https://www.cnblogs.com/sandianbaozi/p/2415477.html