今天小编跟大家讲解下有关html5 offlline 缓存使用示例 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关html5 offlline 缓存使用示例 的相关资料,希望小伙伴们看了有所帮助。
如果想使用该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 为版本标签 当版本发生改变的时候 客户端会自动更新缓存。来源:爱蒂网