将消息从服​​务人员发布到客户端页面

Question

今天，我们可以找到许多示例，这些示例从服务人员向客户端发送消息，但始终message在服务人员接收事件之后进行。

我想知道我们是否可以独立于此事件发送消息吗？如果是的话，怎么办？我尝试了几件事，但没有成功...

就我而言，它是用于在我的服务工作者收到push事件时将客户端重定向到新页面。

Answer 1

client.js：

const swListener = new BroadcastChannel('swListener');
swListener.onmessage = function(e) {
  console.log('swListener Received', e.data);
};

service-worker.js

  const swListener = new BroadcastChannel('swListener');
   swListener.postMessage('This is From SW');