Microsoft Edge: l'archiviazione locale/di sessione non funziona in una nuova scheda

Question

Sto lavorando a un'applicazione Web ospitata in Azure. L'ho provato su MS Edge (build 20.10525.0.0) e ho avuto il seguente problema.

Ho un collegamento con il target _blank per aprire in una nuova scheda una pagina. Nell'evento click di questo collegamento, memorizzo alcuni dati nella memoria di sessione. La nuova pagina sta recuperando i dati per visualizzarli. Questo funziona bene sotto Chrome, Firefox, IE 9-10-11.

Sotto Bordo, la memoria sembra funzionare correttamente. Pensiero, il recupero non funziona sempre. A volte, il primo tentativo funziona. A volte, restituisce null.

Ho provato a utilizzare la memoria locale anziché la memoria di sessione. Ho anche provato a usare window.open al target _blank. Entrambe queste soluzioni non funzionano.

Qualcuno ha idee?

Answer 1

Ho avuto lo stesso problema con localStorage su più schede: funzionava solo a intermittenza, o non funzionava affatto. La mia soluzione era passare a window.indexedDB (vedi docs on MDN) che funziona perfettamente con IE10, IE11 e MS Edge (testato su Edge v20.10240).

Answer 2

Se la finestra di una finestra B ha creato allora l'evento di archiviazione ottiene innescare

provare con questo codice

creare un file chiamato a.htm e aggiungere questo script in

(function() { 
    function write(s) { 
     var d = document.createElement('div'); 
     d.innerHTML = s; 
     document.body.appendChild(d); 
    } 

    var w = window.open('','window_b'); 
    if (w.location.host === '') { 
     w.location.href = 'http://localhost/b.htm'; 
    } 

    if (window.localStorage) { 
     setInterval(function() { 
      var now = (new Date()).toTimeString(); 
      localStorage.removeItem('date'); 
      localStorage.setItem('date', now); 
      write('fired on ' + now); 
     }, 3000); 
    } 
    else { 
     write('local storage not detected!'); 
    } 
})(); 

creare un file chiamato b.htm e aggiungi questo script

(function() { 
    function write(s) { 
     var d = document.createElement('div'); 
     d.innerHTML = s; 
     document.body.appendChild(d); 
    } 

    window.addEventListener('storage', function(e) { 
     e.newValue && write('received ' + e.newValue); 
    }); 

})(); 

quindi passare a un .htm

Answer 3

utilizza localStorage invece di sessionStorage. Funzionerà.