API de visibilidad de páginas: ¿recibí tu atención?

La navegación con varias pestañas es ahora la norma, por lo que no puedes suponer que el usuario está mirando tu app solo porque está en ejecución. Afortunadamente, la nueva API de visibilidad de páginas permite que tu app descubra si es visible o no. Puedes usar la API para reducir la actividad y el procesamiento de red innecesarios.

document.webkitHidden es un valor booleano que indica si la página actual está oculta (puedes probarlo ahora en la consola si usas una compilación reciente de Chromium). document.webkitVisibilityState mostrará una cadena que indica el estado actual, uno de visible, hidden y prerendered. Además, se activará un nuevo evento webkitvisibilitychange cuando cambie cualquiera de estos elementos, p.ej., cuando el usuario abra la pestaña de tu app o se aleje de ella.

Si te interesa probarlo, consulta visibility.js, que agrega un poco de azúcar a la API para que ver estas interacciones sea un poco más divertido.