欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > html5案例分享 >

Html5 offlline 缓存行使示例

发布时间:2016-11-27  编辑:杨雨个人博客网站   点击:   

假如想行使该api,必需担保处事器端设置响应的mime范例。

拿tomcat为例,在打开Tomcat 6.0\conf\web.xml文件,在文件的最后头添加如下内容


代码如下:
<mime-mapping>
<extension>manifest</extension>
<mime-type>text/cache-manifest</mime-type>
</mime-mapping>

尤其留意,extension的value是manifest,以是往后设置缓存文件的后缀必需跟他一样。

行使缓存是必需如下名目


代码如下:
<!DOCTYPE Html>
<Html manifest="/cache.manifest">
<body>
...
</body>
</Html>

cache.mainfest是在处事器端设置的文件

名目如下


代码如下:
CACHE MANIFEST
index.Html
time.js
time.Css
#fallback首要是用来离线的时辰替代文件,
# /pay/ ofline.Html pay下面的全部哀求在离线的是城市转发给 ofline.htm
FALLBACK:
server-time.js fallback-server-time.js
NETWORK:
*
# version 9

个中version 为版本标签,当版本产生改变的时辰,客户端会自动更新缓存。 本文地址:http://itbyc.com/web/html5/13537.html
转载请注明出处。
分享是一种快乐,也是一种美德:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1