html5 offlline 缓存文件应用示例

日期:2021-02-25 类型:科技新闻 

关键词:小程序 活动,微信小程序demo,微信小程序游戏开发价格,手机小程序怎么做,视频播放微信小程序

假如想应用该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,因此之后配备缓存文件文档的后缀务必跟他1样。

应用缓存文件是务必以下文件格式

拷贝编码
编码以下:

<!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 为版本号标识,当版本号产生更改的情况下,顾客端会全自动升级缓存文件。