向服務人員發送消息以跳過等待

Question

您如何向服務人員發送消息以跳過等待？ Service Worker 使用以下處理程序定義

self.addEventListener('message', (event) => {
  if (event.data && event.data.type === 'SKIP_WAITING') {
    self.skipWaiting();
  }
});

謝謝，路易斯

Answer 1

這是一個關於我如何在我的一個項目中做到這一點的例子。

navigator.serviceWorker
  .register(swUrl)
  .then(registration => {
    this.registration = registration;
    config.onRegistration();

    registration.onupdatefound = () => {
      const installingWorker = registration.installing;
      if (installingWorker == null) {
        return;
      }
      config.onUpdateFound();
      installingWorker.onstatechange = () => {
        if (installingWorker.state === 'installed') {
          if (navigator.serviceWorker.controller) {
            registration.waiting.postMessage('skipWaiting');
            config.onUpdateInstalled();
          }
        } else if (installingWorker.state === 'activated') {
          config.onActivated();
        }
      };
    };
  })