兩個標籤如何在瀏覽器內進行通信？

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使整個過程非常簡單。