Web 開発においてページの更新とブラウザの終了を確実に区別するにはどうすればよいですか?

Susan Sarandon
リリース: 2024-11-04 22:22:01
オリジナル
1000 人が閲覧しました

How to Reliably Differentiate Between Page Refreshes and Browser Closures in Web Development?

ブラウザ アクションの区別: 更新と閉じる

Web 開発では、ONUNLOAD イベント中のページの更新とブラウザの終了を区別することが課題となる場合があります。以下は、HTML5 ローカル ストレージとクライアント/サーバー通信を利用するソリューションです。

  1. ページ アンロード時:

    • onunload イベント ハンドラーを実装します。 myUnload() などのウィンドウ上で
    • ローカル ストレージを設定しますflag myUnloadEventFlag を現在のタイムスタンプに設定します。
    • AJAX 呼び出し (askServerToDisconnectUserInAFewSeconds()) を介して、数秒以内に切断 (ブラウザの終了など) が発生する可能性があることをサーバーに通知します。
  2. ページ上Load:

    • myLoad() などの onload イベント ハンドラーを本体に実装します。
    • ローカル ストレージから myUnloadEventFlag を取得し、現在のタイムスタンプと比較します。
    • 前回のアンロード イベントと現在のアンロード イベントの間の時間が 10 秒未満の場合、おそらくリロードです (askServerToCancelDisconnectionRequest() を介して切断リクエストをキャンセルします)。
    • 時間が 10 秒を超える場合は、おそらくブラウザーです。クロージャ。
  3. サーバー側:

    • 切断リクエストをリストに収集し、タイマー スレッドを設定します (例: 20 秒ごと) を実行してリストを検査します。
    • 切断要求の時間が経過したとき
    • キャンセル要求を受信した場合は、対応する切断要求をリストから削除します。

このアプローチでは、タブ/ウィンドウの終了、リンクのフォロー、フォームの送信を区別することもできます。これは HTML5 ローカル ストレージをサポートするブラウザに適用でき、カーソル位置などの特定のイベント プロパティに依存するよりも信頼性が高くなります。

以上がWeb 開発においてページの更新とブラウザの終了を確実に区別するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート