将Web应用程序一次限制为一个选项卡和一个浏览器

Question

我必须一次将我的应用限制为一个标签和一个浏览器。我是通过Javascript和cookies来做的。基本上我正在检查用户在登录后何时访问我的网站，如果设置了cookie。如果他们然后重定向到注销，否则设置新的cookie。

$(window).load(function() {
    if(!$.cookie('number')) {
        $.cookie('number', 1); 
    } else {
        $.removeCookie('number');
        window.location = "{{ url('/logout') }}";
    }
});

当用户尝试在新标签页中打开网站时，因为已经从第一个标签设置了Cookie，那么它将重定向到注销：

$(window).unload(function() {
    $.removeCookie('number');
});

当用户由于focus()事件返回第一个标签页时，它会检查是否设置了Cookie。如果没有，那么它将重定向到注销

$(window).focus(function() {
    if (!$.cookie('number')) {
        //$.removeCookie('number');
        window.location = "{{ url('/logout') }}";
    }
});

我的问题是，当我在我的活动标签上打开一个新网站时，假设我第一次打开我的网络应用程序然后通过输入网址打开任何其他网站，当我回到我的网站时它仍然显示我的应用虽然它应该重定向到注销。