javascript – browser sessionStorage。分享标签? [重复]

这个问题已经有一个答案在这里:            >            Communication between tabs or windows                                    4个答案                            我有一些值在我的网站,我想要清除当浏览器关闭,我选择了sessionStorage来存储该值,它清除当选项卡是关闭和保持存储,如果用户按f5,但如果用户打开一些链接在不同的选项卡这个值不可用。如何在我的应用程序的所有浏览器标签之间共享sessionStorage值?

用例:将值放在某些存储中,将该值保留在所有浏览器选项卡中,如果所有选项卡都已关闭,请将其清除。

if (!sessionStorage.getItem(key)) {
    sessionStorage.setItem(key, defaultValue)
}
您可以使用localStorage及其“storage”eventListener将sessionStorage数据从一个选项卡传输到另一个选项卡。

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

// transfers sessionStorage from one tab to another
var 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 localStorage
if(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,ie 11,ie 10,ie9

这个方法“应该在IE8工作”,但我无法测试它,因为我的IE崩溃每次我打开一个标签….任何标签…任何网站。 (好ol IE)PS:你显然需要包括一个JSON垫片,如果你也想要IE8支持。 🙂

信用到这篇全文:
http://blog.guya.net/2015/06/12/sharing-sessionstorage-between-tabs-for-secure-multi-tab-authentication/

http://stackoverflow.com/questions/20325763/browser-sessionstorage-share-between-tabs

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:javascript – browser sessionStorage。分享标签? [重复]