HTML5 离线存储
2012-03-24 14:27
239 查看
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>
格式:
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>
相关文章推荐
- HTML5 离线存储应用案例
- 有趣的HTML5:离线存储
- HTML5的五种客户端离线存储方案
- 有趣的HTML5:离线存储
- HTML5项目笔记6:使用HTML5 FileSystem API设计离线文件存储
- html5离线存储入门基础
- 使用 HTML5 Web 存储实现离线工作:
- 使用HTML5 Web存储实现离线工作
- 让 JavaScript 拯救 HTML5 的离线存储
- HTML5离线存储原理
- html5离线存储
- html5 离线存储
- HTML5的五种客户端离线存储方案
- HTML5 Web 客户端五种离线存储方式汇总
- HTML5之 离线数据存储
- HTML5离线存储
- HTML5系列:离线存储(缓存机制)-IndexDB
- HTML5离线存储 初探
- html5离线存储sessionstorage
- 让 JavaScript 拯救 HTML5 的离线存储