Page Visibility API - Apakah Anda sudah menarik perhatian?

Michael Mahemoff

Penjelajahan multi-tab kini menjadi hal yang lazim, jadi Anda tidak bisa berasumsi bahwa pengguna menonton aplikasi hanya karena sedang berjalan. Untungnya, Page Visibility API baru memungkinkan aplikasi Anda mengetahui apakah terlihat atau tidak. Anda dapat menggunakan API untuk mengurangi aktivitas jaringan dan komputasi 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. Kemudian, peristiwa webkitvisibilitychange baru akan diaktifkan saat salah satu perubahan tersebut, misalnya, saat pengguna membuka tab aplikasi Anda, atau keluar dari tab tersebut.

Jika Anda tertarik untuk mencobanya, lihat visibility.js yang menambahkan sedikit gula di API agar menonton interaksi ini sedikit lebih menyenangkan.