跨文档消息传递和 WebSocket 之间的比较

Question

如果我理解正确的话，跨文档消息传递 API 允许您在网页之间实时发送和接收消息。

而 WebSocket 允许您在网站和服务器之间实时发送和接收对象。

是否可以替代另一个来实时构建 Web 应用程序？

如果不是，哪种机制更好，为了什么？

Answer 1

window.postMessage()用于在同一浏览器中打开的协作浏览器窗口之间进行通信。它将消息直接从一个窗口中的 Javascript 发送到另一个窗口中的 Javascript。它仅适用于在同一浏览器中打开的两个网页之间。它无法将数据发送到在其他浏览器中打开的网页。

webSocket 连接是完全不同的事情。它是客户端和服务器之间的套接字连接。由于浏览器支持 webSocket 接口，因此您可以从网页到服务器建立 webSocket 连接。连接建立后，数据可以从网页发送到服务器，也可以从服务器发送到网页。

webSocket 不能用于直接连接两个网页。它可用于从一个网页获取信息到另一个网页，但您必须让两个网页连接到同一服务器，然后让一个网页将数据发送到服务器，然后让该服务器将该数据发送到另一个网页。其他网页。这就是许多聊天程序的工作原理。

window.postMessage()不能用于将数据发送到任何其他计算机，因此它只能在同一浏览器的窗口之间使用。