Interfejs API widoczności strony – czy udało mi się zwrócić Twoją uwagę?

Przeglądanie w kilku kartach jest obecnie normą, więc nie możesz zakładać, że użytkownik ogląda Twoją aplikację tylko dlatego, że jest uruchomiona. Na szczęście nowy interfejs Page Visibility API pozwala aplikacji wykryć, czy jest ona widoczna. Interfejsu API możesz użyć, aby ograniczyć niepotrzebną aktywność sieci i przetwarzanie.

document.webkitHidden to wartość logiczna wskazująca, czy bieżąca strona jest ukryta (jeśli używasz najnowszej wersji Chromium, możesz to sprawdzić w konsoli). document.webkitVisibilityState zwraca ciąg znaków wskazujący bieżący stan: visible, hidden lub prerendered. Gdy nastąpi jakakolwiek z tych zmian, np. gdy użytkownik otworzy kartę aplikacji lub ją zamknie, zostanie wywołane nowe zdarzenie webkitvisibilitychange.

Jeśli chcesz wypróbować tę funkcję, zapoznaj się z biblioteką visibility.js, która dodaje do interfejsu API kilka dodatkowych funkcji, dzięki którym obserwowanie interakcji będzie jeszcze ciekawsze.