Page Viewable-API - Habe ich Ihre Aufmerksamkeit erhalten?

Michael Mahemoff

Das Surfen mit mehreren Tabs ist heute Standard. Sie können also nicht davon ausgehen, dass sich der Nutzer Ihre App ansieht, nur weil sie geöffnet ist. Mit der neuen Page Visibility API kann Ihre App feststellen, ob sie sichtbar ist oder nicht. Mit der API können Sie unnötige Netzwerkaktivitäten und Berechnungen reduzieren.

document.webkitHidden ist ein boolescher Wert, der angibt, ob die aktuelle Seite ausgeblendet ist. Sie können das jetzt in der Konsole ausprobieren, wenn Sie eine aktuelle Chromium-Version verwenden. document.webkitVisibilityState gibt einen String zurück, der den aktuellen Status angibt, z. B. visible, hidden oder prerendered. Wenn eine dieser Änderungen eintritt, wird ein neues webkitvisibilitychange-Ereignis ausgelöst, z.B. wenn der Nutzer den Tab Ihrer App öffnet oder ihn verlässt.

Wenn Sie das ausprobieren möchten, sehen Sie sich visibility.js an. Diese Bibliothek erweitert die API, um die Beobachtung dieser Interaktionen noch interessanter zu machen.