google-chrome - 使用 "navigator.serviceWorker.controller.postMessage"它总是 "TypeError: Cannot read property ' postMessage' of null"

Question

我遇到的问题是，在注册服务 worker 后，navigator.serviceWorker.controller 始终为 null。

我想使用 postMessage 向 service worker 发送消息。然而，navigator.serviceWorker.controller总是返回null，并显示错误 TypeError: Cannot read property 'postMessage' of null。

有时我可以使用navigator.serviceWorker.controller.postMessage，但有时navigator.serviceWorker.controller返回null，我不确定如何处理这个问题...

我做了一些研究，但我仍然无法解决我的问题...

有人有什么想法吗？

谢谢，特里

这是我创建的测试页。 https://terrylee7788.github.io/test_web_worker.html

Answer 1

使用navigator.serviceWorker.ready

navigator.serviceWorker.ready.then(function(serviceWorkerRegistration) {
  // Let's see if you have a subscription already
  return serviceWorkerRegistration.pushManager.getSubscription();
})
.then(function(subscription) {
  if (!subscription) {
    // You do not have subscription
  }
  // You have subscription.
  // Send data to service worker
  navigator.serviceWorker.controller.postMessage({'data': dataToServiceWorker});

})