WorkerGlobalScope: caches 属性

Baseline 已广泛支持

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

安全上下文: 此功能仅在安全上下文(HTTPS)中可用,且支持此功能的浏览器数量有限。

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

WorkerGlobalScope 接口中只读的 caches 属性返回与当前上下文关联的 CacheStorage 对象。此对象支持诸如存储资源以供离线使用以及生成自定义请求响应等功能。

一个 CacheStorage 对象。

示例

以下示例展示了如何在 Service Worker 上下文中离线存储资源。

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

规范

规范
Service Workers
# self.caches

浏览器兼容性

另见