Кэш: метод add()

Метод add() интерфейса Cache принимает URL, извлекает его и добавляет полученный объект ответа в заданный кэш.

Метод add() функционально эквивалентен следующему:

fetch(url).then((response) => {
  if (!response.ok) {
    throw new TypeError("bad response status");
  }
  return cache.put(url, response);
});

Для более сложных операций вам необходимо использовать Cache.put() напрямую.

request

Запрос на ресурс, который вы хотите добавить в кэш. Это может быть объект 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 для создания нового кэша, а затем использование Cache.add для добавления актива в него.

this.addEventListener("install", (event) => {
  event.waitUntil(caches.open("v1").then((cache) => cache.add("/index.html")));
});

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