ブラックボックス

プログラミングのノウハウやライフハックをどんどん投稿していきたい

Apr 4, 2015 - 1 minute read - ノウハウ

【JavaScript】タブが表示中であるかチェックする

流石にどんなに忙しくても、1ヶ月に1回は投稿できるようにしたい……。

タブが選択されていない、非表示の時に処理をしたくない、という要件があったので、どうしたもんかと思ってたら、ちゃんとあるみたいですね。

(document.hidden)

returnはbool。
非表示であればtrue、表示中であればfalseを返す。

試しに、こんな感じで比較。
20150405_01

Googleを開いているタブでDeveloper Toolsを開き、Consoleに(document.hidden)を打ち込む。

まずはGoogleのタブを表示している状態。
20150405_02
表示中なのでfalseが返ってくる。

次はYahooを開いて、GoogleタブのDeveloper Toolsに同じく(document.hidden)を打ち込む。
20150405_03
表示されていないのでtrueが返ってくる。

地味に役に立つかもしれないのでメモ。