html5 offlline 缓存使用示例

哪简单的小情歌

哪简单的小情歌

2016-02-19 10:36

下面请跟着图老师小编一起来了解下html5 offlline 缓存使用示例,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!
如果想使用该api,必须保证服务器端配置相应的mime类型。

拿tomcat为例,在打开Tomcat 6.0confweb.xml文件,在文件的最后面添加如下内容

代码如下:

mime-mapping
extensionmanifest/extension
mime-typetext/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 为版本标签,当版本发生改变的时候,客户端会自动更新缓存。
展开更多 50%)
分享

猜你喜欢

html5 offlline 缓存使用示例

Web开发
html5 offlline 缓存使用示例

html5 canvas 使用示例

Web开发
html5 canvas 使用示例

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

使用HTML5拍照示例代码

Web开发
使用HTML5拍照示例代码

html5弹跳球示例代码

Web开发
html5弹跳球示例代码

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

HTML5的表单(绝对特别强大的功能)使用示例

Web开发
HTML5的表单(绝对特别强大的功能)使用示例

html5 跨文档消息传输示例探讨

Web开发
html5 跨文档消息传输示例探讨

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

HTML5<video>使用DOM进行自定义控制示例代码

HTML5<video>使用DOM进行自定义控制示例代码

使用mysql的disctinct group by查询不重复记录

使用mysql的disctinct group by查询不重复记录
下拉加载更多内容 ↓