javascript - 禁止同时在多个浏览器/选项卡中登录网站

Question

我有一个重 ajax 的网站，当用户同时在多个浏览器窗口中打开它时，该网站会中断(或显示不正确的数据)。所以我想强制只允许用户一次在一个选项卡中登录网站，无论是在同一台计算机上还是在多台计算机上。

我正在寻找有关如何执行此操作的想法。

是否有任何 JavaScript 方法可以判断某个页面是否已在另一个选项卡中打开？

也许还有另一种涉及服务器端的解决方案..

例如，客户端可以每隔 1 分钟向服务器发送消息。如果服务器以高于每分钟一条消息的频率从特定用户获取消息，它就知道它在多个窗口或选项卡中打开。然后它可以让其中一个客户端知道它需要向用户发出错误消息。

不过，我不太喜欢每分钟向服务器发送一次消息的想法。

还有其他想法吗？

编辑:有些人想知道为什么我首先遇到这个问题。它是这样的:这是一个完全基于 ajax 的时间跟踪应用程序。您可以使用 ajax 浏览/创建/删除/修改计时器、项目和客户端，而无需离开页面。如果网站在多个选项卡中打开，事情很快就会变得不一致。错误通常甚至会发生。例如，用户创建一个项目，然后在 tab1 中启动一个计时器，tab2 将不会显示这些更改。由于它都是 ajax，因此当用户单击第二个选项卡中的某个按钮时它不会简单地同步。

Answer 1

阅读了您问题中的更新后，我真正建议的是在可用的情况下使用 WebSocket，回退到 Flash 套接字，长轮询和用于旧浏览器的永久 iframe(实际上我会使用 Socket.IO为了使这一切变得简单——您可以为您使用的任何环境使用类似的抽象)。这样您就可以使所有窗口和选项卡实时保持一致 - 问题已解决。

如果您出于某种原因不想这样做(尽管您尝试做的是 WebSockets 的完美应用，所以请考虑一下)，您可以使用 sessionStorage 和 localStorage 来区分选项卡之间的 session 或同一登录用户的窗口，但它尚未广泛使用 - 请参阅 the compatibility table 因此使用类似 socket.io 的解决方案进行实时处理可能更容易，其中有很多后备可用而不是限制访问者到一个选项卡 - 更不用说用户体验了。