如何解决浏览器会话存储在标签之间共享?
您可以使用 localStorage 及其“存储”事件侦听器将 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 每次打开标签时都会崩溃......任何标签......在任何网站上。(good ol IE) PS:如果你还想要 IE8 支持,你显然需要包含一个 JSON shim。:)
解决方法
我的网站中有一些值,我想在关闭浏览器时清除它们。我选择sessionStorage
存储这些值。关闭选项卡时,确实会清除它们,如果用户按下F5,请保留;但是,如果用户在不同的选项卡中打开某个链接,这些值将不可用。
如何sessionStorage
在我的应用程序的所有浏览器选项卡之间共享值?
用例:将一个值放在某个存储中,保持该值在所有浏览器选项卡中可访问,并在所有选项卡关闭时清除它。
if (!sessionStorage.getItem(key)) {
sessionStorage.setItem(key,defaultValue)
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。