您可以使用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填充程序。:)
解决方法我的网站上有一些值，要在关闭浏览器时清除这些值。我选择sessionStorage存储这些值。当选项卡关闭时，它们确实被清除，并且如果用户按下f5则保留；但是，如果用户在其他选项卡中打开某些链接，则这些值不可用。
如何sessionStorage在应用程序的所有浏览器选项卡之间共享值？
用例：将值存储在某个存储器中，使该值可在所有浏览器选项卡中访问，并在所有选项卡都关闭时清除它。
if (!sessionStorage.getItem(key)) { sessionStorage.setItem(key,defaultValue)}
