如何使用localStorage使用相同的用户但使用不同用户的不同窗口制作不同的选项卡？

Question

我正在开发聊天应用程序，我设法在不同的打开的标签页面中设置相同的用户，但是在不同的窗口中，我想允许不同的用户。

client.js：

window.addEventListener('load', function () {
    if (typeof(localStorage.localStor) === "undefined") {
        console.log("is null");
        localStorage.setItem('localStor', {});
        //user displayed for registering 
    } else {
        console.log("exists");
        console.log(typeof(localStorage.localStor)); //prints 'string'
        //display as already registered user
    }
}, false);

因此，当用户在一个窗口中的选项卡中注册时，此窗口中打开的所有选项卡都是针对同一用户的，但是当打开新窗口时，在第一个窗口中注册的用户也将在此处显示为已注册。 / p>

我已经通过使用会话阅读了新标签，每个标签都有一个会话，因此我认为不太适合。

如果没有JQuery，我如何在JavaScript中实现这一目标？提前谢谢。

Answer 1

就javascript而言，所有标签都是单独的窗口。为方便起见，您的浏览器只显示标签。您可以使用localStorage来保持用户在所有窗口/选项卡或sessionStorage中保持持久性，以使用户仅在一个特定窗口/选项卡中保持持久性。