API Page Visibility - Ho attirato la tua attenzione?

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.