複数タブに対応していないシステムを、複数タブ禁止にする方法

2015/08/08

複数タブに対応していないシステムを、JavaScriptを使って複数タブ禁止にする方法。
※IEの新規セッションから開いた場合はOK

HTML5のWebStorageを使う。
【動作タイミング】画面load直後、一定周期(250msec位)
【動作内容】タブ単位でタブを閉じるまで記憶してくれるsessionStorageにタブIDを記憶させ、ブラウザ全体で記憶してくれるlocalStorageのタブIDと比較して、有効なタブかどうかを判定する。セッションと画面表示内容を一致させるため、タブの有効性は後勝にする。

-JavaScript