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

瀏覽器相容性

另見