3

HTML イベント window.onunload と window.onbeforeunload があることがわかりましたが、実際にはドキュメントが閉じている/変更されていることを意味しています。Web ブラウザーの終了を検出する一般的な方法はないようですが、これは驚きでした。

私のアプリケーションは複数のブラウザー タブで動作するので、一種の参照カウンターを作成するというアイデアがありました。これは次のように機能します。

ユーザーが Web アプリケーションを起動すると、ページのオンロード ハンドラーでカウンターをインクリメントし、値を Cookie として保存します。つまり ++pagecount であり、Cookie に値を保存します。

window.onunload では、カウンターをデクリメントします (新しい値を Cookie に保存します)。Cookie への保存で競合状態が発生する可能性があるかどうかわかりませんか?

pagecount == 0 の場合、クリーンアップできます。

これは、Web アプリケーションが複数のブラウザーで開かれている場合でも機能します (ただし、もちろん同じ make です)。

これについてコメントいただければ幸いです。これは実行可能だと思いますか？信頼性のある？私が予見できなかった問題はありますか？

編集:これがどのように機能するかのサンプルコードです。

<!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 台のコンピューターで複数のタブを認識している必要があります。

1. プレゼンテーション用に複数のウィンドウを提供することでユーザー エクスペリエンスを向上させるため 2. 同じコンテキストへの複数のアクセスを避けたい場合

最初のオプションでは、jquery でモーダル ダイアログを使用できます。2 番目のオプションでは、ユーザーのコンテキストを制御するためのセッションが常に存在します。

アプローチを決定するのに役立つことを願っています

于 2013-02-03T11:37:55.673 に答える