WWW中的页间通信？

Question

有没有一种方法在JavaScript中使多个网页之间进行客户端进程间通信？理想情况下，我希望在不进行任何复杂的服务器状态更新、ping等操作的情况下完成此操作，并使其仅在客户端上工作。如果我也能做这个跨浏览器，我就在天堂了哈哈。有什么想法吗？谢谢！

Answer 1

请尝试为邮件编写器编写此代码

function sendMessage(name, value) {
    var expires = "";
    document.cookie = name + "=" + value + expires + "; path=/";
}

sendMessage("test", "hello world!")

打开另一个窗口并尝试此消息侦听器

function getMessage(c_name) {
    if (document.cookie.length > 0) {
        c_start = document.cookie.indexOf(c_name + "=");
        if (c_start != -1) {
            c_start = c_start + c_name.length + 1;
            c_end = document.cookie.indexOf(";", c_start);
            if (c_end == -1) {
                c_end = document.cookie.length;
            }
            return unescape(document.cookie.substring(c_start, c_end));
        }
    }
    return "";
}
function check() {
    var message = getMessage('test');
    var element = document.getElementById('output');
    element.innerHTML = message;
}
window.setInterval(check, 1000);

它在Chrome上运行良好，你也应该确保它在其他主要浏览器上运行，特别是在IE上

Answer 2

窗口间的沟通有很多种方式。它们是Window.PostMessage、本地存储、WebRTC以及现在的共享Web Workers。

每种方法都有各自的优点/缺点：

• 本地存储仅在相同来源的页面上工作（来源是协议：//网站：端口）。它还会将消息广播到同一原点上的每个打开的窗口，因此如果有很多页面打开，它会很慢）不幸的是，这是IE11及以下版本中唯一支持的跨窗口技术。
• 共享工作者仅在Chrome和Firefox中得到支持（并且只支持同源，并且worker.js文件必须从同源加载）。您还必须将通信流量从一个页面“中继”到另一个页面。
• Window.PostMessage仅在父窗口/子窗口之间工作，但它支持跨原点！

在两个独立的网站之间做跨源通信真的很笨拙。您要么必须从第一个网站执行window.open（）并使用postMessage与第二个网站通信，要么必须设置这个复杂的体系结构，在其中，您使用每个站点上的隐藏IFRAME与托管在相同网站地址上的web页面进行通信，然后这些IFRAME通过本地存储或共享工作者彼此通信。这被称为“通信枢纽”。（相当复杂，对吧？）

更糟糕的是，页面间通信被视为一个安全漏洞，几乎被避开。如果有些人有他们的方式，我想跨起源的邮件将被删除。我希望看到的是一些协议增强和一些类似OAuth的技术，这样我们就可以保护该技术并使其合理。未来将有大量的数据移动到客户端，在Web页面之间共享这些数据将变得至关重要。

这就是说，不要重新制造轮子。有几个库使窗口间通信成为可能。

• Endpoint.js-我开发的一个库（免责声明），用于中介windows（在多个源上）、选项卡、web工作者、客户机/服务器以及进程之间的IPC之间的通信。它还创建了一个ad-hoc覆盖网络，允许所有这些技术相互中继信息。
• 交叉表-实现上面的“通信集线器”方法。
• OZP-IWC-OZone Widget framework中的IPC framework。启用本地存储和发布消息