向服务人员发送消息以跳过等待

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();
        }
      };
    };
  })