CacheStorage: open() 方法

Baseline 已广泛支持

此功能已成熟，可跨多种设备和浏览器版本工作。它自 ⁨2018 年 4 月⁩ 起已在所有浏览器中可用。

安全上下文： 此功能仅在安全上下文（HTTPS）中可用，且支持此功能的浏览器数量有限。

注意：此功能在 Web Workers 中可用。

CacheStorage 接口的 open() 方法会返回一个 Promise，该 Promise 解析为与 cacheName 匹配的 Cache 对象。

您可以通过窗口中的 Window.caches 属性或在 worker 中的 WorkerGlobalScope.caches 属性来访问 CacheStorage。

注意：如果指定的 Cache 不存在，则会创建一个名为 cacheName 的新缓存，并返回一个解析为这个新 Cache 对象的 Promise。

语法

open(cacheName)

参数

cacheName: 要打开的缓存的名称。

返回值

一个 Promise，它解析为请求的 Cache 对象。

示例

此示例来自 MDN 的简单 Service Worker 示例（请参阅正在运行的简单 Service Worker）。在这里，我们等待 InstallEvent 触发，然后运行 waitUntil() 来处理应用程序的安装过程。这包括调用 CacheStorage.open() 来创建一个新的缓存，然后使用 Cache.addAll() 将一系列资源添加到其中。

self.addEventListener("install", (event) => {
  event.waitUntil(
    caches
      .open("v1")
      .then((cache) =>
        cache.addAll([
          "/",
          "/index.html",
          "/style.css",
          "/app.js",
          "/image-list.js",
          "/star-wars-logo.jpg",
          "/gallery/bountyHunters.jpg",
          "/gallery/myLittleVader.jpg",
          "/gallery/snowTroopers.jpg",
        ]),
      ),
  );
});

规范

规范
Service Workers # cache-storage-open

浏览器兼容性

另见

帮助改进 MDN

了解如何贡献

此页面最后由 MDN 贡献者于 ⁨2024年7月26日⁩ 修改。

在 GitHub 上查看此页面 • 报告此内容的错误