ServiceWorkerGlobalScope: событие activate

Событие activate интерфейса ServiceWorkerGlobalScope срабатывает, когда регистрация ServiceWorkerRegistration получает нового активного ServiceWorkerRegistration.active работника.

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

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

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

onactivate = (event) => {};

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

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

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

self.addEventListener("activate", (event) => {
  const cacheAllowlist = ["v2"];

  event.waitUntil(
    caches.keys().then((cacheNames) => {
      return Promise.all(
        cacheNames.map((cacheName) => {
          if (!cacheAllowlist.includes(cacheName)) {
            return caches.delete(cacheName);
          }
        }),
      );
    }),
  );
});

Также можно настроить обработчик события с помощью свойства onactivate:

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

• install событие
• ServiceWorkerGlobalScope
• API Сервис-воркеров