使用JavaScript向所有打开的窗口/选项卡发送消息

Question

我听说HTML5有window.postMessage(),但似乎需要在窗口(或选项卡,整个问题)上有一个句柄,你要发布消息.如果我要向所有打开的窗口广播怎么办？这可能吗？

(我想要做的就是警告其他的窗口,没有任何服务器往返当用户做一些事情在影响别人一个窗口,使他们能够更新他们的内容.然而,虽然一些窗口可能从现有的开放--allowing我拦截和存储引用他们 - 一些新鲜的窗口可以由用户手动打开,然后选择书签或URL输入在这种情况下,似乎没有被拦截的方式和存储引用.)

Answer 1

我写了一个库来做这件事:intercom.js(出于你提出的相同原因).

我们目前正在使用它向所有窗口广播通知,因此只有一个窗口需要维护到服务器的套接字连接.正如其他人所建议的那样,它使用localStorage API.

用法非常简单:

var intercom = Intercom.getInstance();

$('a').on('click', function() {
     intercom.emit('notice', {message: 'Something just happened!');
});

要抓住信息,

intercom.on('notice', function(notice) {
    console.log(notice.message);
});

该接口旨在模仿socket.io.

Answer 2

IMO使用postMessage是不可能的.使用sessionStorage localStorage怎么样？写入它应该生成一个存储事件,该事件应该传播到共享同一会话存储的所有窗口.

Answer 3

假设您不需要向其他网站（仅是您自己的网站）广播消息，BroadcastChannel就是为此目的而设计的。

const channel = new BroadcastChannel('myChannel');
channel.postMessage('myMessage');
channel.addEventListener('message', m => {
    console.log('Received message from other document', m);
});