JavaScript - 删除网页最后一个选项卡上的 localStorage

Question

我现在正在使用 AngularJS 并使用 $window.localStorage 来存储登录用户的用户名。由于 localStorage 需要显式删除，因此我捕获 $(window).on('unload', function(){}) ，如下所示。

$(window).on('unload', function(e) {
    console.log('closed');
    $window.localStorage.removeItem('user');
});

不幸的是，unload 事件在选项卡关闭时触发。问题是，假设我的网页有 2 个选项卡。当我关闭一个选项卡时，它会从 localStorage 中删除另一个选项卡中仍然需要的用户数据。有没有办法检测关闭网页的最后一个选项卡？

如果没有的话，还有其他方法可以解决这个问题吗？我还尝试使用 sessionStorage 代替。但是，存储仅适用于一个选项卡，因此如果我在另一选项卡中打开网页，则需要重新登录。

Answer 1

我会尝试这样的事情:

设置$window.localStorage['tabCounter'] localStorage 中的变量，每次打开该应用程序的选项卡时执行 +1，每次关闭选项卡时执行 -1。在 $(window).on('unload')检查是否 $window.localStorage['tabCounter'] == 0 ，在这种情况下重置用户。