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

Michael Mahemoff

La navegación en varias pestañas ahora es la norma, por lo que no puedes suponer que el usuario está mirando tu app solo porque se está ejecutando. 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 de red y el procesamiento innecesarios.

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

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