如何判斷等待的服務人員是否准備就緒？

Question

根據規范 ， ServiceWorker.waiting屬性返回對已安裝並等待激活的服務工作者的引用。

這可以。 但是，如何確定等待服務的工作人員何時過渡到新狀態？

ServiceWorker.waiting返回的服務工作者似乎沒有任何必要的事件來通知狀態更改：

if (registration.waiting) {

  registration.waiting.postMessage('skip-waiting');

  // This is failing because ready is undefined.
  registration.waiting.ready.then(function () {

    console.log('new service worker - ready');
 }
}

Answer 1

在撰寫本文時，Chrome中的registration.waiting.onstatechange為空。 但是，以下工作原理：

if (registration.waiting) {

  const waiting = registration.waiting;

  waiting.postMessage('skip-waiting');

  waiting.addEventListener('statechange', function (e) {

    if(waiting.state === 'activated') {
      console.log('new service worker - ready');
    }
 }
}