HTML5什么是应用程序缓存_随笔

什么是应用程序缓存（Application Cache）？

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

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

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

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

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

浏览器支持

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

HTML5 Cache Manifest 实例

下面的例子展示了带有 cache manifest 的 HTML 文档（供离线浏览）：

实例

<!DOCTYPE HTML>

<body>

The content of the document......

</body>

</html>

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

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

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

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

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

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

欢迎分享，转载请注明来源：内存溢出

HTML5什么是应用程序缓存