温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

怎么在html5中使用offlline进行缓存

发布时间:2021-04-14 15:51:02 来源:亿速云 阅读:283 作者:Leah 栏目:web开发

本篇文章为大家展示了怎么在html5中使用offlline进行缓存,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

拿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 为版本标签,当版本发生改变的时候,客户端会自动更新缓存。

上述内容就是怎么在html5中使用offlline进行缓存,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI