HTML5什么是应用程序缓存

HTML5什么是应用程序缓存,第1张

什么是应用程序缓存(Application Cache)?

HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。

应用程序缓存为应用带来三个优势:

离线浏览 - 用户可在应用离线时使用它们

速度 - 已缓存资源加载得更快

减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。

浏览器支持

所有主流浏览器均支持应用程序缓存,除了 Internet Explorer。

HTML5 Cache Manifest 实例

下面的例子展示了带有 cache manifest 的 HTML 文档(供离线浏览):

实例

<!DOCTYPE HTML>

<html manifest="demo.appcache">

<body>

The content of the document......

</body>

</html>

AppCache 在 HTML5 规范中进行定义,通过它可创建脱机 Web 应用程序。AppCache 使网页能够在本地缓存(或保存)资源,包括图像、脚本库和样式表等。此外,AppCache 还允许使用标准的统一资源标识符 (URI) 表示法从缓存内容中提供 URL。

使用 AppCache 在本地保存资源,你可以通过减少主机服务器的请求数量来改善网页性能;此外,你还可以脱机访问缓存的资源。

若要在本地缓存资源,需要执行下列 *** 作:

1. 创建一个清单文件,以指定你要保存的资源。

2. 在要使用缓存资源的每个网页中引用该清单文件。

应用程序缓存是会预加载的,保证齐全地供应和保存。浏览器缓存没有这些控制,不能作为程序缓存使用。不幸地,应用程序缓存过於简单,导致效率不彰,预期将会被 Service Worker 取代。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6132481.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存