Cache: метод addAll()

Метод addAll() интерфейса Cache принимает массив URL-адресов, извлекает их и добавляет полученные объекты ответа в указанный кэш. Объекты запроса, созданные во время извлечения, становятся ключами для сохранённых операций с ответами.

requests

Массив запросов на ресурсы, которые вы хотите добавить в кэш. Это могут быть объекты Request или URL-адреса.

Эти запросы используются как параметры для конструктора Request(), поэтому URL-адреса подчиняются тем же правилам, что и для этого конструктора. В частности, URL-адреса могут быть относительными по отношению к базовому URL-адресу, который является baseURI в контексте окна или WorkerGlobalScope.location в контексте рабочего процесса.

Обещание Promise, которое выполняется с undefined.

TypeError

Схема URL не является http или https.

Код состояния ответа не находится в диапазоне 200 (то есть не является успешным ответом). Это происходит, если запрос не возвращает успешного результата, а также если запрос является запросом cross-origin no-cors (в этом случае сообщаемый статус всегда равен 0.)

Этот блок кода ждёт срабатывания события InstallEvent, а затем выполняет waitUntil() для обработки процесса установки приложения. Это включает вызов CacheStorage.open для создания нового кэша, а затем использование addAll() для добавления ряда ресурсов в него.

this.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/",
          "/gallery/bountyHunters.jpg",
          "/gallery/myLittleVader.jpg",
          "/gallery/snowTroopers.jpg",
        ]),
      ),
  );
});

• Использование Service Workers
• Cache
• Window.caches и WorkerGlobalScope.caches