点评:如果想使用该api,必须保证服务器端配置相应的mime类型,拿tomcat为例为大家详细介绍下,感兴趣的各位可不要错过了哈
如果想使用该api,必须保证服务器端配置相应的mime类型。
EahHTML5中文学习网 - HTML5先行者学习网EahHTML5中文学习网 - HTML5先行者学习网拿tomcat为例,在打开Tomcat 6.0/conf/web.xml文件,在文件的最后面添加如下内容
EahHTML5中文学习网 - HTML5先行者学习网 EahHTML5中文学习网 - HTML5先行者学习网
<mime-mapping> EahHTML5中文学习网 - HTML5先行者学习网
<extension>manifest</extension> EahHTML5中文学习网 - HTML5先行者学习网
<mime-type>text/cache-manifest</mime-type> EahHTML5中文学习网 - HTML5先行者学习网
</mime-mapping> EahHTML5中文学习网 - HTML5先行者学习网
EahHTML5中文学习网 - HTML5先行者学习网尤其注意,extension的value是manifest,所以以后配置缓存文件的后缀必须跟他一样。
EahHTML5中文学习网 - HTML5先行者学习网EahHTML5中文学习网 - HTML5先行者学习网使用缓存是必须如下格式
EahHTML5中文学习网 - HTML5先行者学习网 EahHTML5中文学习网 - HTML5先行者学习网
<!DOCTYPE html> EahHTML5中文学习网 - HTML5先行者学习网
<html manifest="/cache.manifest"> EahHTML5中文学习网 - HTML5先行者学习网
<body> EahHTML5中文学习网 - HTML5先行者学习网
... EahHTML5中文学习网 - HTML5先行者学习网
</body> EahHTML5中文学习网 - HTML5先行者学习网
</html> EahHTML5中文学习网 - HTML5先行者学习网
EahHTML5中文学习网 - HTML5先行者学习网cache.mainfest是在服务器端配置的文件
EahHTML5中文学习网 - HTML5先行者学习网EahHTML5中文学习网 - HTML5先行者学习网格式如下
EahHTML5中文学习网 - HTML5先行者学习网 EahHTML5中文学习网 - HTML5先行者学习网
CACHE MANIFEST EahHTML5中文学习网 - HTML5先行者学习网
index.html EahHTML5中文学习网 - HTML5先行者学习网
time.js EahHTML5中文学习网 - HTML5先行者学习网
time.css EahHTML5中文学习网 - HTML5先行者学习网
#fallback主要是用来离线的时候替换文件, EahHTML5中文学习网 - HTML5先行者学习网
# /pay/ ofline.html pay下面的所有请求在离线的是都会转发给 ofline.htm EahHTML5中文学习网 - HTML5先行者学习网
FALLBACK: EahHTML5中文学习网 - HTML5先行者学习网
server-time.js fallback-server-time.js EahHTML5中文学习网 - HTML5先行者学习网
NETWORK: EahHTML5中文学习网 - HTML5先行者学习网
* EahHTML5中文学习网 - HTML5先行者学习网
# version 9 EahHTML5中文学习网 - HTML5先行者学习网
EahHTML5中文学习网 - HTML5先行者学习网其中version 为版本标签,当版本发生改变的时候,客户端会自动更新缓存。
EahHTML5中文学习网 - HTML5先行者学习网