ブラウザ/タブがアクティブかどうかを確認する方法 [重複] 質問する

ブラウザ/タブがアクティブかどうかを確認する方法 [重複] 質問する

重複の可能性あり:
ブラウザ ウィンドウが現在アクティブでないかどうかを検出する方法はありますか?

現在のページがフォアグラウンドにある場合、つまりユーザーがブラウザを最小化していないか、別のタブに切り替えていない場合にのみ実行したい、毎秒呼び出される関数があります。ユーザーがページを見ていない場合は意味がなく、CPU を集中的に使用する可能性があるため、バックグラウンドでサイクルを無駄にしたくありません。

これを JavaScript で伝える方法を知っている人はいますか?

注: 私は jQuery を使用しているので、回答で jQuery を使用しても問題ありません :)。

ベストアンサー1

に加えてリチャード・シモエス答えはページ可視性 API

if (!document.hidden) {
    // do what you need
}

この仕様は、電力と CPU 効率に優れた Web アプリケーションを開発するために、サイト開発者がページの現在の表示状態をプログラムで判断する手段を定義します。

詳細はこちら(2019年更新)

おすすめ記事