API Page Visibility – Ai-je attiré votre attention ?

La navigation multi-onglets est désormais la norme. Vous ne pouvez donc pas supposer que l'utilisateur regarde votre application simplement parce qu'elle est en cours d'exécution. Heureusement, la nouvelle API Page Visibility permet à votre application de savoir si elle est visible ou non. Vous pouvez utiliser l'API pour réduire l'activité réseau et le calcul inutiles.

document.webkitHidden est une valeur booléenne indiquant si la page actuelle est masquée (vous pouvez essayer dès maintenant dans la console si vous utilisez une version récente de Chromium). document.webkitVisibilityState renvoie une chaîne indiquant l'état actuel, à savoir visible, hidden ou prerendered. Un nouvel événement webkitvisibilitychange se déclenchera lorsque l'un de ces éléments changera, par exemple lorsque l'utilisateur ouvrira l'onglet de votre application ou s'en éloignera.

Si vous souhaitez essayer, consultez visibility.js, qui ajoute un peu de sucre à l'API pour rendre l'observation de ces interactions un peu plus amusante.