使用 cookie 确定网页是否仍处于打开状态答案

【问题标题】：Using a cookie to establish if a web page is still opened使用 cookie 确定网页是否仍处于打开状态
【发布时间】：2012-04-03 08:47:31
【问题描述】：

我想确定我的网站的确定页面当前是否从其他网页打开。全部在客户端（因此全部由 Js 代码）。我尝试编写以下代码，但它的行为与预期不符。

function setCookie (name, value, seconds)
{
     if (typeof(seconds) != 'undefined') {
        var date = new Date();
        date.setTime(date.getTime() + (seconds*1000));
        var expires = "; expires=" + date.toGMTString();
    }
    else {
        var expires = "";
    }
  document.cookie = name+"="+value+expires;
}
function web_page_alive()
{
    setCookie("page_alive","true", 3);
}

page_alive_schedule=self.setInterval("web_page_alive()",1000);

因此，每一秒，“page_alive”cookie 都会设置为 true，过期时间为 3 秒。因此，只要网页保持打开状态，cookie 就会设置为 true。当用户关闭网页时，浏览器会在 3 秒内销毁 cookie。奇怪的是，当我关闭页面时，cookie 仍然设置（带有“返回”过期时间）。我正在使用 FF 11。有谁知道这怎么可能？谢谢大家。

【问题讨论】：

因此，您将每 1 秒运行一次该函数，以每 3 秒设置一次 cookie。听起来有点不妥
这对于共享 web workers 来说是微不足道的（不需要 cookie、超时或轮询）。您的目标浏览器是什么？
尝试设置cookie onload 并删除它的主体onunload，而不是使用setInterval
@pane619 设置当前时间（毫秒），而不是设置“true”。在其他选项卡中，检查值：如果它太旧，则意味着主选项卡已死。
@pane619 如果浏览器崩溃，我认为您不会收到卸载事件。检查时间戳会更可靠。

标签： javascript html browser cookies

【解决方案1】：

这对我来说工作正常。

在浏览器中同时打开 setter.html 和 checker.html（如下）。

每十五秒checker.html 将检查 cookie 的值并提醒它。

只要setter.html 处于打开状态并设置其cookie，checker.html 就会显示true。

但是一旦你关闭setter.html，那么checker.html就会显示undefined。

这里是setter.html：

<html>
<head>
<script type="text/javascript">
function setCookie (name, value, seconds)
{
     if (typeof(seconds) != 'undefined') {
        var date = new Date();
        date.setTime(date.getTime() + (seconds*1000));
        var expires = "; expires=" + date.toGMTString();
    }
    else {
        var expires = "";
    }
  document.cookie = name+"="+value+expires;
}
function web_page_alive()
{
    setCookie("page_alive","true", 3);
}

page_alive_schedule=self.setInterval("web_page_alive()",1000);
</script>
</head>
<body>
<p>This is the setter.</p>
</body>
</html>

这里是 checker.html

<html>
<head>
<script type="text/javascript">
// from http://www.w3schools.com/js/js_cookies.asp
function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
  {
  x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
  y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
  if (x==c_name)
    {
    return unescape(y);
    }
  }
}

function web_page_alive()
{
    var value = getCookie("page_alive");
    alert(value);
}

page_alive_schedule=self.setInterval("web_page_alive()",15000);
</script>
</head>
<body>
<p>This is the checker.</p>
</body>
</html>

注意，使用来自w3schools.com的getCookie

【讨论】：