3

我发现有 html 事件 window.onunload 和 window.onbeforeunload 但它们确实意味着文档正在关闭/更改。似乎没有检测 Web 浏览器关闭的通用方法，这令人惊讶。

我的应用程序可以在多个浏览器选项卡中工作，所以我的一个想法是创建一种引用计数器。这可以按如下方式工作：

当用户启动我的 Web 应用程序时，在页面加载处理程序中，我增加一个计数器并将值保存为 cookie。即 ++pagecount 并将值保存在 cookie 中。

在 window.onunload 中，我递减计数器（并在 cookie 中保存新值）。不确定在保存到 cookie 时是否可能存在竞争条件？

当 pagecount == 0 我可以清理。

即使在我的 Web 应用程序在多个浏览器中打开的情况下（但当然是相同的），这也可以工作。

我会很感激对此有何评论？你认为这可行吗？可靠的？有什么我没有预见到的问题吗？

编辑：这是它如何工作的示例代码。

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript">

function SetCookie(c_name,value,exdays)
{
   var exdate=new Date();
   exdate.setDate(exdate.getDate() + exdays);
   var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
   document.cookie=c_name + "=" + c_value + ";path=/";
} 

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);
    }
  }
  return "";
}

function bindEvent(el, eventName, eventHandler) {
   if (el.addEventListener){
        el.addEventListener(eventName, eventHandler, false); 
   } else if (el.attachEvent){
        el.attachEvent('on'+eventName, eventHandler);
   }
}

function IncrementUnload() {
   var current = GetCookie("Unloaded") - 0;
   ++current;
   SetCookie("Unloaded", current, 1);

   //here you would compare Loaded and unloaded and if 
   //loaded == unloaded  - then perform any cleanup
}

function printcookie() {
   var here = document.getElementById("here");
   if(here) {
     here.innerHTML += " " + (GetCookie("Loaded") - 0);
   }
}

function printunloadcookie() {
   var there = document.getElementById("there");
   if(there) {
     there.innerHTML += " " + (GetCookie("Unloaded") - 0);
   }
}

function init() {
   var current = GetCookie("Loaded") - 0;
   ++current;
   SetCookie("Loaded", current, 1);
   bindEvent(window, "beforeunload", IncrementUnload);
}

   window.onload = init;

    </script>
</head>
<body>
    <b>Close this window or press F5 to reload the page.</b>
    <br /><br />

    <p id="here">Loaded=</p>
    <p id="there">Unloaded=</p>
    <form>
        <input type="button" id="print_cookie" value="print Loaded cookie" onclick="printcookie();">
        <br />
        <input type="button" id="print_unload_cookie" value="print Unloaded cookie" onclick="printunloadcookie();">
    </form>
</body>
</html>
4

1 回答 1

0

我认为这是一个坏主意（或者至少它会给你非常不精确的数字）：

您永远不能相信 cookie 的存在是您的计数参考。您不会有任何竞争条件，因为现代浏览器会为每个选项卡分配不同的线程，并且每个主题都会保留自己的 cookie。

此外，您的 Web 应用程序应该与客户端无关，它不应该知道您如何访问它，您希望了解单台计算机中的多个选项卡。

我猜你想要这种行为有两个原因： 1. 通过提供多个展示窗口来获得更好的用户体验 2. 你想避免多次访问同一个上下文

对于第一个选项，您可以在 jquery 中使用模态对话框 对于第二个选项，您总是有会话来控制用户的上下文

希望它能帮助你决定你的方法

于 2013-02-03T11:37:55.673 回答