JavaScript を使用してブラウザまたはタブの可視性を検出するにはどうすればよいですか?

ブラウザ/タブの可視性の決定

ブラウザまたは特定のタブがアクティブかどうかを確認するために、JavaScript にはいくつかのメソッドが用意されています。

1.ページ表示 API

最新のブラウザはページ表示 API をサポートしており、document.hidden プロパティを使用してページの表示状態を確認できます:

if (!document.hidden) {
    // Do your desired actions
}

2. jQuery イベント リスナー

jQuery は、イベント リスナーを使用したより簡単なアプローチを提供します。

$(window).on("focus", function() {
    // Browser/tab is now active
}).on("blur", function() {
    // Browser/tab is now inactive
});

3.ページ可視性イベント

または、特定のページ可視性イベントをリッスンすることもできます:

document.addEventListener("visibilitychange", function() {
    if (document.visibilityState === "visible") {
        // Browser/tab is visible
    } else {
        // Browser/tab is hidden
    }
});

4.ブラウザ固有のメソッド

異なるブラウザは独自のメソッドを提供する場合があります:

• Chrome: document.webkitHidden
• Firefox: document.mozHidden
• Internet Explorer: document.msHidden

追加リソース

さらに詳しく調べる場合:

• [ページ可視性 APIドキュメント](https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API)
• [jQuery イベント ドキュメント](https://api.jquery.com/focus/)
• [ブラウザの可視性] events](https://caniuse.com/mdn-api_document_visiblestate)
• [Page Visibility API を使用した電力効率の高い Web アプリケーション](https://developers.google.com/chrome/whitepapers/pagevisibility)

以上がJavaScript を使用してブラウザまたはタブの可視性を検出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。