两个标签如何在浏览器内进行通信？

Question

如何在没有任何服务器端支持的情况下准备通信通道以在同一浏览器中的多个打开的选项卡之间进行通信？

Answer 1

看看Window/postMessage。

您也可以使用​​并注册一个StorageEvent并从另一个选项卡对其作出反应。
这是一个有趣的阅读：Using the Web Storage API;使用

例的localStorage和StorageEvent

将这个成page1.html

<button>CLICK ME TO CHANGE "A" - "B"</button> 
<script> 
document.querySelector("button").addEventListener("click", function(){ 
    localStorage.ab = localStorage.ab === "A" ? "B" : "A"; 
}); 
</script> 

，这为page2.html

<script> 
window.addEventListener("storage", function(StorageEvent){ 
    console.log(StorageEvent); 
    alert(StorageEvent.newValue); 
}); 
</script> 

Answer 2

您可以阿尔斯o利用Web-Sockets实现跨标签和浏览器的基于事件的实时事件。库如Socket.io使整个过程非常简单。