Bagaimanakah Saya Boleh Mengesan Keterlihatan Penyemak Imbas atau Tab Menggunakan JavaScript?

Menentukan Keterlihatan Pelayar/Tab

Untuk memastikan sama ada penyemak imbas atau tab tertentu aktif, JavaScript menyediakan beberapa kaedah:

1. API Keterlihatan Halaman

Pelayar moden menyokong API Keterlihatan Halaman, yang membolehkan anda menyemak keadaan keterlihatan halaman menggunakan dokumen.sifat tersembunyi:

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

2. jQuery Event Listener

jQuery menawarkan pendekatan yang lebih mudah menggunakan event listener:

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

3. Acara Keterlihatan Halaman

Sebagai alternatif, anda boleh mendengar acara keterlihatan halaman tertentu:

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

4. Kaedah Khusus Pelayar

Pelayar yang berbeza mungkin menyediakan kaedah mereka sendiri:

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

Sumber Tambahan

Untuk penerokaan lanjut:

• [API Keterlihatan Halaman dokumentasi](https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API)
• [dokumentasi acara jQuery](https://api.jquery.com/focus/)
• [Keterlihatan penyemak imbas acara](https://caniuse.com/mdn-api_document_visiblestate)
• [Aplikasi web cekap kuasa menggunakan API Keterlihatan Halaman](https://developers.google.com/chrome/whitepapers/pagevisibility)

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengesan Keterlihatan Penyemak Imbas atau Tab Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!