La navigazione con più schede è ormai la norma, quindi non puoi presumere che l'utente stia guardando la tua app solo perché è in esecuzione. Fortunatamente, la nuova API Page Visibility consente alla tua app di scoprire se è visibile o meno. Puoi utilizzare l'API per ridurre l'attività di rete e i calcoli non necessari.
document.webkitHidden
è un valore booleano che indica se la pagina corrente è nascosta (puoi provarlo subito nella console se utilizzi una build recente di Chromium). document.webkitVisibilityState
restituirà una stringa che indica lo stato corrente, uno tra visible
, hidden
e prerendered
. Verrà attivato un nuovo evento webkitvisibilitychange
quando si verifica una di queste modifiche, ad esempio quando l'utente apre la scheda dell'app o se ne allontana.
Se vuoi provare, dai un'occhiata a visibility.js, che aggiunge un po' di pepe all'API per rendere più divertente la visualizzazione di queste interazioni.