Webシステムを開発していて、ボタンを押したりリンクをクリックしたらタブが開くようにすることは多々あります。しかし無尽蔵に開いてしまうとメモリを食いますし、ユーザに嫌がられます。 そこで使ってみたいのがacross-tabsです。タブ同士の通信を可能にするライブラリです。

across-tabsの使い方

新しいタブを開いたところです。タブ情報が取得できています。

複数開けばその分リストが更新されます。

デモです。タブを開いた後、ボタン一つで閉じられます。

across-tabsではクロスオリジンでタブ同士の通信が行えます。一つのタブに対して指令を出すことも、すべてのタブに対してまとめてメッセージを投げることもできます。使い道が色々ありそうです。

across-tabsはHTML5/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

Live Demo - across-tabs - Wingify Engineering Labs Live Demo - across-tabs - Wingify Engineering Labs wingify/across-tabs: Easy communication between cross-origin browser tabs