HTML5 – 应用程序缓存

tzming • 2022-11-24 • 前端 • 403 阅读

简介

HTML5 中新增提供了文件缓存的功能，可以指定那些资源被缓存，当网络断开时，历史资源依然能被访问。

 

使用应用缓存

要启用应用缓存，需要在 html 标签中，加入 manifest 属性，该属性表示列出一个用于缓存文件的列表清单。

<html lang="zh" manifest="demo.appcache">

其中 demo.appcache 是指这个清单文件，因为它本身只是一个文本文件，所以文件名和后缀可以自由设定，但是官方建议，后缀名采用 .appcache

 

.appcache 配置规则

 

appcache 文件有一个规则，文件第一行必须写 CACHE MANIFEST

CACHE MANIFEST
#上面一句代码必须是当前文档的第一句
#后面写注释

 

CACHE

CACHE 表示需要缓存的清单列表，被登记上的 url 地址，在网络断开时，会自动调取硬盘缓存资源。

CACHE:
#下面就是需要缓存的清单列表
../images/1.jpg
../images/2,png

使用通配符 * ,可以指定所有文件都缓存

 

CACHE:
#缓存所有文件
*

 

NETWORK

NETWORK 是指每一次刷新都要重新从服务器获取的文件清单列表

NETWORK:
#配置每一次都需要重新从服务器获取的文件清单列表
../images/3.jpg

 

FALLBACK

FALLBACK 指的是，当某些 url 链接无法被加载时（除网络断开外的无法加载）,可以使用替代的资源进行加载，加载的资源将为替代的资源。

FALLBACK:
#配置如果文件无法获取则使用指定的文件进行替代
../images/4.jpg ../images/backup_4.jpg

 

使用通配符 / 能指定所有文件都使用替代

FALLBACK:
#所有文件都被替代
/ ../images/offline.jpg

如果您喜欢本站，点击这儿不花一分钱捐赠本站

这些信息可能会帮助到你： 下载帮助 | 报毒说明 | 进站必看

修改版本安卓软件，加群提示为修改者自留，非本站信息，注意鉴别

THE END
分享
二维码
打赏
海报
HTML5 – 应用程序缓存
HTML5 中新增提供了文件缓存的功能，可以指定那些资源被缓存，当网络断开时，历史资源依然能被访问。
<<上一篇
下一篇>>