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

Michael Mahemoff

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

document.webkitHidden est une valeur booléenne indiquant si la page actuelle est masquée (vous pouvez l'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 (visible, hidden ou prerendered). Un nouvel événement webkitvisibilitychange se déclenche lorsque l'une de ces modifications est déclenchée, par exemple lorsque l'utilisateur ouvre ou quitte l'onglet de votre application.

Si vous souhaitez tester cette fonctionnalité, utilisez le fichier visibility.js qui ajoute un peu de sucre à l'API pour rendre le visionnage de ces interactions un peu plus amusant.