Apa Itu Window Focus Tester?

Window Focus Tester menampilkan secara real time apakah jendela browser Anda sedang aktif, apakah telah kehilangan fokus ke aplikasi lain, atau apakah tabnya sedang tersembunyi. Alat ini menggabungkan peristiwa focus dan blur dari browser dengan Page Visibility API untuk memberikan gambaran akurat dari momen ke momen tentang bagaimana jendela Anda digunakan.

Dirancang untuk Developer

Tulis kode yang peka terhadap fokus dan visibilitas — menjeda video, membatasi polling jaringan, menghentikan animasi, atau menyimpan status saat tab tidak lagi terlihat.

Ukur Fokus Anda

Lacak seberapa sering Anda berpindah dari suatu halaman. Saksikan peristiwa focus, blur, dan visibilitychange terpicu secara langsung dengan nilai persis yang dilaporkan browser.

Cara kerjanya: Daripada menebak bagaimana peristiwa fokus browser berperilaku, Anda dapat menyaksikannya terpicu secara langsung, melihat nilai persis yang dilaporkan browser, dan meninjau riwayat bertanda waktu dari setiap perubahan.

Cara Menggunakan Alat Ini

Ikuti langkah-langkah berikut untuk mulai mengukur status fokus dan visibilitas jendela Anda secara real time:

Buka Alat

Perhatikan banner status besar — dimulai dalam status Focused, yang mengonfirmasi bahwa alat aktif dan mendeteksi jendela Anda.

Beralih ke Aplikasi Lain

Klik jendela aplikasi lain sambil membiarkan tab ini tetap terlihat di layar. Banner berubah menjadi Unfocused — jendela kehilangan fokus tetapi tab tetap terlihat.

Sembunyikan Tab

Beralih ke tab browser lain atau minimalkan jendela. Banner berubah menjadi Hidden, mencerminkan bahwa tab tidak lagi terlihat.

Kembali ke Tab

Kembali untuk melihat status berubah menjadi Focused dan entri baru muncul di log peristiwa dengan cap waktu yang tepat.

Statistik & Kontrol Langsung

Saat Anda berinteraksi, kartu statistik diperbarui secara langsung dengan metrik berikut:

Total waktu fokus dan total waktu tidak aktif
Jumlah kali Anda meninggalkan fokus
Jumlah pergantian tab
Rentetan fokus terpanjang Anda tanpa gangguan

Tampilan mentah di bawah kartu menunjukkan nilai langsung yang tepat dari document.hasFocus() dan document.visibilityState setiap saat.

Kontrol sesi: Gunakan tombol Clear untuk mengosongkan log peristiwa, atau Reset untuk mengosongkan semua penghitung dan memulai sesi pengukuran baru.

Fitur

Window Focus Tester menggabungkan beberapa API browser menjadi satu tampilan terpadu dari status jendela Anda.

Deteksi Tiga Status

Mendeteksi status Focused, Unfocused, dan Hidden secara andal menggunakan document.hasFocus() dan document.visibilityState, terlepas dari urutan peristiwa yang terpicu.

Timer Langsung

Total waktu fokus dan total waktu tidak aktif diperbarui terus-menerus, bersama timer untuk status saat ini dan satu untuk seluruh sesi.

Penghitung Terpisah

Kehilangan fokus jendela dan pergantian tab dilacak secara terpisah — klik ke aplikasi lain dibedakan dengan jelas dari pergantian tab.

Rentetan Fokus Terpanjang

Merekam dan memperbarui periode fokus terpanjang Anda tanpa gangguan secara real time.

Tampilan Mentah API

Menampilkan nilai boolean dan string langsung yang dikembalikan oleh API browser yang mendasarinya untuk transparansi penuh.

Log Peristiwa

Setiap perubahan status dicatat dengan cap waktu dan durasi status sebelumnya, ditampilkan dengan entri terbaru di atas.

Data Anda Tetap Pribadi

Semua deteksi berjalan sepenuhnya di browser Anda — tidak ada data yang pernah meninggalkan perangkat Anda.

Tanpa unggahan — tidak ada yang dikirim ke server mana pun
Tanpa pelacakan — aktivitas Anda tidak pernah dikumpulkan atau disimpan

Pertanyaan yang Sering Diajukan

Apa perbedaan antara "Unfocused" dan "Hidden"?

Unfocused

Jendela Kehilangan Fokus

Anda mengklik aplikasi lain
Tab masih terlihat di layar
Konten halaman tetap terlihat

Hidden

Tab Tidak Terlihat

Anda beralih ke tab browser lain
Atau jendela browser diminimalkan
Konten halaman tidak lagi terlihat

Mengapa membuka DevTools mengubah status menjadi Unfocused?

Saat DevTools mengambil fokus keyboard, document.hasFocus() mengembalikan false meskipun halaman masih terlihat di layar. Alat ini melaporkannya secara akurat sebagai status Unfocused — ini adalah perilaku browser yang diharapkan, bukan bug.

Mengapa saya terkadang melihat dua entri log untuk satu pergantian tab?

Beberapa browser memicu peristiwa blur sebelum perubahan visibilitas. Dalam kasus tersebut, jendela pertama menjadi Unfocused lalu Hidden, sehingga kedua transisi dicatat. Penghitung tetap bertambah dengan benar — sekali untuk meninggalkan fokus dan sekali untuk tab yang menjadi tersembunyi.

Apakah timer akurat saat tab berada di latar belakang?

Ya. Waktu dihitung dari cap waktu bukan dari penghitung yang berjalan, sehingga pembatasan latar belakang yang diterapkan browser pada timer tidak memengaruhi totalnya. Anda selalu mendapatkan waktu yang telah berlalu secara akurat terlepas dari visibilitas tab.

Apakah alat ini menyimpan data saya setelah saya menutup halaman?

Tidak. Setiap kunjungan memulai sesi yang sepenuhnya baru. Tidak ada yang disimpan ke penyimpanan lokal, cookie, atau server eksternal mana pun — data Anda hilang begitu Anda menutup atau menyegarkan halaman.