WindowOrWorkerGlobalScope.caches

Экспериментальная возможность: Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.

caches WindowOrWorkerGlobalScope свойство только для чтения интерфейса возвращающее объект ассоциированный с текущим контекстом CacheStorage.

Этот объект реализует такую функциональность как строгое соответствие для офлайн-использования и генерирование пользовательских ответов на запросы.

Синтаксис

var myCacheStorage = self.caches; // or just caches

Значение

Возвращает значение CacheStorage .

Пример

Данный пример показывает как надо использовать кеш в контексте service worker для хранения в автономном режиме

js

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

Спецификации

Specification
Service Workers
# self-caches

Совместимость с браузерами

BCD tables only load in the browser

Также смотрите