如何阻止用户在另一个选项卡中打开网站？

Question

就像在银行网站上发生的一样......我想在我的网站上实施同样的事情。请帮助我如何去做。

Answer 1

1. 当用户登录时在服务器上生成访问令牌。
2. 将此令牌存储在SessionStorage中。
3. 当您的页面加载时，检查令牌的SessionStorage并调用服务器上的函数来验证它。
4. 当服务器被要求为已经有令牌的帐户生成令牌时，拒绝登录并返回错误消息。
5. 由于第二个选项卡没有登录，并且有一个很好的错误消息，它可能会失败并显示正确的消息。

为此，您还应该有会话超时。因此，如果服务器发出令牌，并且该令牌在超时（例如60秒？）内未得到验证，则假定该连接已死，并拒绝验证后续使用。此时，用户可以从第二个选项卡登录，因为第一个不再登录。