浏览器sessionStorage。标签之间共享？

浏览器sessionStorage。标签之间共享？

您可以使用localStorage及其“存储” eventListener将sessionStorage数据从一个选项卡传输到另一个选项卡。

此代码将需要存在于所有选项卡上。它应该在其他脚本之前执行。

// transfers sessionStorage from one tab to anothervar sessionStorage_transfer = function(event) {  if(!event) { event = window.event; } // ie suq  if(!event.newValue) return;          // do nothing if no value to work with  if (event.key == 'getSessionStorage') {    // another tab asked for the sessionStorage -> send it    localStorage.setItem('sessionStorage', JSON.stringify(sessionStorage));    // the other tab should now have it, so we're done with it.    localStorage.removeItem('sessionStorage'); // <- could do short timeout as well.  } else if (event.key == 'sessionStorage' && !sessionStorage.length) {    // another tab sent data <- get it    var data = JSON.parse(event.newValue);    for (var key in data) {      sessionStorage.setItem(key, data[key]);    }  }};// listen for changes to localStorageif(window.addEventListener) {  window.addEventListener("storage", sessionStorage_transfer, false);} else {  window.attachEvent("onstorage", sessionStorage_transfer);};// Ask other tabs for session storage (this is onLY to trigger event)if (!sessionStorage.length) {  localStorage.setItem('getSessionStorage', 'foobar');  localStorage.removeItem('getSessionStorage', 'foobar');};

我在chrome，ff，safari（即11，即10，即9）中对此进行了测试

这种方法“应该在IE8中工作”，但是由于我每次在任何网站上打开标签页…任何标签页时IE崩溃，我都无法对其进行测试。（不错的IE）PS：如果您也想同时支持IE8，则显然需要包括JSON填充程序。:)