Microsoft Edge: local/session storage are not working in a new tab

Question

I\'m working on a Web Application hosted in Azure. I\'ve tried it on MS Edge (build 20.10525.0.0) and got the following problem.

I have a link with target _blank to ope

Answer 1

I had the same problem with localStorage across multiple tabs - it would only work intermittently, or not at all. My solution was to switch to window.indexedDB (see docs on MDN) which works fine in IE10, IE11 and MS Edge (tested on Edge v20.10240).

Answer 2

If window A created window B then the storage event gets trigger

try it out with this code

create a file called a.htm and add this 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!');
    }
})();

create a file called b.htm and add this 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);
    });

})();

then just browse to a.htm