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

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

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

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が返ってくる。

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

Pocket

sponsored link

One comment

  1. Hiya, I’m really glad I’ve found this info. Today bloggers publish just about gossips and net and this is really frustrating. A good website with exciting content, this is what I need. Thanks for keeping this web-site, I’ll be visiting it. Do you do newsletters? Can not find it.

OKEGJSNECHJKHMDO にコメントする コメントをキャンセル

メールアドレスが公開されることはありません。