Page Visibility API - Apakah Anda sudah menarik perhatian?

Michael Mahemoff

Penjelajahan multi-tab kini menjadi hal yang biasa, sehingga Anda tidak dapat mengasumsikan bahwa pengguna menonton aplikasi Anda hanya karena aplikasi tersebut berjalan. Untungnya, Page Visibility API baru memungkinkan aplikasi Anda mengetahui apakah aplikasi tersebut terlihat atau tidak. Anda dapat menggunakan API untuk mengurangi aktivitas dan komputasi jaringan yang tidak perlu.

document.webkitHidden adalah nilai boolean yang menunjukkan apakah halaman saat ini disembunyikan (Anda dapat mencobanya sekarang di konsol jika menggunakan build Chromium terbaru). document.webkitVisibilityState akan menampilkan string yang menunjukkan status saat ini, salah satu dari visible, hidden, dan prerendered. Dan peristiwa webkitvisibilitychange baru akan diaktifkan saat salah satu perubahan ini terjadi, misalnya saat pengguna membuka tab aplikasi Anda, atau keluar dari tab tersebut.

Jika Anda tertarik untuk mencobanya, lihat visibility.js yang menambahkan sedikit kemanisan pada API untuk membuat menonton interaksi ini menjadi lebih menyenangkan.