ブラウザ内で2つのタブはどのように通信できますか？

Question

サーバ側のサポートなしに、同じブラウザで複数の開いているタブ間で通信する通信チャネルを準備するにはどうすればよいですか？

Answer 1

Window/postMessageをご覧ください。

​​を使用してStorageEventを登録し、別のタブから反応させることもできます。
興味深いのは次のとおりです。Using the Web Storage API;

例page2.html

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

Answer 2

することができますALSにのlocalStorageと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> 

にこれを入れStorageEvent

、これを使用してWeb-Socketsを活用して、リアルタイムのイベントベースのタブとブラウザ間のコミュニケーションを実現します。 Socket.ioなどのライブラリは、プロセス全体を非常に簡単にします。