Paginazichtbaarheid API - Heb ik je aandacht?

Michael Mahemoff

Browsen op meerdere tabbladen is nu de norm, dus u kunt er niet van uitgaan dat de gebruiker uw app bekijkt alleen maar omdat deze actief is. Gelukkig laat de nieuwe Page Visibility API uw app ontdekken of deze zichtbaar is of niet. U kunt de API gebruiken om onnodige netwerkactiviteit en berekeningen te verminderen.

document.webkitHidden is een Booleaanse waarde die aangeeft of de huidige pagina verborgen is (je kunt het nu in de console proberen als je een recente versie van Chromium gebruikt). document.webkitVisibilityState retourneert een tekenreeks die de huidige status aangeeft, een van visible , hidden en prerendered . En er wordt een nieuwe webkitvisibilitychange gebeurtenis geactiveerd wanneer een van deze wijzigingen optreedt, bijvoorbeeld wanneer de gebruiker het tabblad van uw app opent of ervan weggaat.

Als je geïnteresseerd bent om dit eens te proberen, kijk dan eens naar zichtbaarheid.js , dat een beetje suiker aan de API toevoegt om het kijken naar deze interacties een beetje leuker te maken.