JavaScriptを使用してタブを閉じてブラウザ全体を閉じるユーザーを区別する方法は？

JavaScriptは、ユーザーがタブページを閉じたのか、ブラウザ全体を閉じたかどうかを直接検出できません。多くの開発者は、アプリケーションを構築するときにこの問題に直面しています。この記事では、Windows System Chromeブラウザーの単一のタブを閉じるときにログイン情報を保持しながら、ユーザーがブラウザを閉じたときにのみ、ログイン情報をクリアする機能を実現する方法について説明します。

ソリューションの鍵は、 sessionStorageを利用することです。 sessionStorage 、ブラウザーが閉じたときに自動的にクリアされるセッションレベルのストレージです。閉じたタブは、他のタブのsessionStorageデータに影響しません。

特定の実装手順は次のとおりです。

1. sessionStorageを使用してログイン情報を保存します。ログインした後、ユーザー情報をlocalStorageではなくsessionStorageに保存します。

    // sessionStorage.setItem（ 'userlogininfo'、json.stringify（userData））にログインするときのログイン情報

2. ブラウザが閉じているときにブラウザを自動的にクリアします。追加のコードは必要ありません。ブラウザが閉じられると、 sessionStorageのデータが自動的にクリアされます。

3. タブページを閉じてログインします： 1つのタブページを閉じます。他のタブページのsessionStorageデータは影響を受けません。ユーザーは他のタブページにログインしたままにします。

この方法は、ブラウザのセッション管理メカニズムを利用します。異なるブラウザはわずかに異なる場合がありますが、ほとんどの最新のブラウザで予想される機能を効果的に実装できます。場合によっては、ブラウザが異常に閉じられているため、 sessionStorageデータが完全にクリアされないため、これは完璧なソリューションではないことに注意する必要があります。非常に高いセキュリティ要件を持つアプリケーションの場合、ログインステータスを管理するための他のより信頼性の高いメカニズムを組み合わせることをお勧めします。

以上がJavaScriptを使用してタブを閉じてブラウザ全体を閉じるユーザーを区別する方法は？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。