ServiceWorkerGlobalScope: событие установки

Событие install интерфейса ServiceWorkerGlobalScope срабатывает, когда регистрация ServiceWorkerRegistration приобретает нового ServiceWorkerRegistration.installing worker.

Это событие не отменяемо и не распространяется.

Используйте имя события в методах, таких как addEventListener(), или задайте свойство обработчика события.

addEventListener("install", (event) => {});

oninstall = (event) => {};

Объект ExtendableEvent. Наследуется от Event.

Не реализует никаких специфических свойств, но наследует свойства от своего родителя, Event.

Следующий фрагмент кода демонстрирует, как обработчик события install может использоваться для заполнения кэша множеством ответов, которые затем могут быть использованы service worker для отображения ресурсов офлайн:

self.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",
        ]),
      ),
  );
});

Вы также можете настроить обработчик события, используя свойство oninstall:

self.oninstall = (event) => {
  // ...
};

• activate событие
• ServiceWorkerGlobalScope
• API Service Worker