Esegui il logout di tutte le schede aperte automaticamente quando l'utente si disconnette in uno di essi

Question

Ho creato la pagina di accesso, in base a localStorage. Al caricamento della pagina ho controllato il valore di localStorage. Se ho aperto la pagina Web in più di una scheda e poi mi disconnetto da una qualsiasi delle schede, tutte le pagine rimanenti dovrebbero uscire automaticamente.

Se ricarica/aggiornamento significa disconnessione.

Please help me per eseguire uno script, quando l'utente visualizzare la pagina o dire qualsiasi altro modo per risolvere questo problema.

Answer 1

Basta scrivere un piccolo javascript che controlla ogni 100 ms (ad es.) Se la "sessione" memorizzata in localStorage è ancora esistente. Se no, aggiorna la pagina. Potresti usare setInterval per questo.

Answer 2

Dai un'occhiata a Page Visibility API for HTML5. Questo può aiutare a uscire

Answer 3

"localStorage persiste qualsiasi salvati dati a tempo indeterminato sul computer dell'utente e attraverso le schede del browser" ^Source

Questo significa che se si vuota/cancellare i dati di login che hai impostato in uno scheda, i dati verranno modificati anche in tutte le altre schede.

Quindi, se l'utente si disconnette, i dati di localStorage cambiano.
Poi, le schede, verificare se un utente cambia concentrano a quella scheda di nuovo utilizzando l'evento onfocus:

function onFocus(){ 
//Reload Page if logged out (Check localStorage) 
    window.location.reload(); 
}; 

if (/*@cc_on!@*/false) { // check for Internet Explorer 
    document.addEventHandler("focusin", onFocus); 
} else { 
    window.addEventHandler("focus", onFocus); 
} 

Source

Questo significa che non sarà sempre l'esecuzione di JavaScript, o ricaricare (un possibilmente grandi quantità di) schede allo stesso tempo.

Answer 4

È possibile utilizzare Storage events per ricevere una notifica quando vengono modificati i valori di localStorage.

function storageChange (event) { 
    if(event.key === 'logged_in') { 
     alert('Logged in: ' + event.newValue) 
    } 
} 
window.addEventListener('storage', storageChange, false) 

Se, ad esempio, una delle schede si disconnette:

window.localStorage.setItem('logged_in', false) 

Allora tutti altri schede riceveranno un StorageEvent, e apparirà un avviso:

Logged in: false 

Spero che questo risponda alla tua domanda!