API de visibilidade da página - Eu chamei sua atenção?

Michael Mahemoff

A navegação com várias guias agora é a norma, então não é possível presumir que o usuário está usando o app só porque ele está em execução. Felizmente, a nova API Page Visibility permite que o app descubra se ele está visível ou não. Você pode usar a API para reduzir a atividade de rede e a computação desnecessárias.

document.webkitHidden é um valor booleano que indica se a página atual está oculta. Você pode testar isso no console se estiver usando um build recente do Chromium. document.webkitVisibilityState vai retornar uma string indicando o estado atual, um de visible, hidden e prerendered. E um novo evento webkitvisibilitychange será acionado quando qualquer uma dessas mudanças ocorrer, por exemplo, quando o usuário abrir a guia do app ou sair dela.

Se você quiser testar isso, confira a visibility.js, que adiciona um pouco de açúcar à API para tornar a observação dessas interações um pouco mais divertida.