JavaScriptを使用して、Chromeブラウザのブラウザ全体を閉じることを区別し、どのように閉じますか？

JavaScriptは、Chromeブラウザタブとブラウザを区別します

Webアプリケーションを開発するときは、ユーザーがブラウザタブを閉じているかブラウザ全体を閉じたかを区別する必要があります。たとえば、ユーザーがブラウザを閉じるときにログイン情報をクリアする必要がありますが、タブを閉じるときはそうではありません。この記事では、この機能をWindowsのChromeブラウザに実装する方法について説明します。

この方法では、ブラウザのsessionStorageを使用してユーザーの動作を追跡します。 sessionStorageは、HTML5が提供するストレージメカニズムです。タブが閉じたときにデータはクリアされますが、ブラウザが完全に閉じられるまでブラウザ全体が閉じている場合、しばらくの間残ります。

次のJavaScriptコードは、タブを閉じることとブラウザ全体を閉じることを区別できます。

 window.onbeforeunload = function（event）{
    //フラグを設定して、ページがsessionStorage.setItem（ 'isclosing'、 'true'）がアンインストールされることを示します。
};

window.onunload = function（event）{
    // flag const isclosing = sessionstorage.getitem（ 'isclosing'）;

    if（isclosing === 'true'）{
        //フラグが存在し、ブラウザ全体が閉じられていることを示します//ログイン情報ClearLoginInfo（）;

        // flag sessionstorage.removeItem（ 'isclosing'）をクリアします。
    } それ以外 {
        //フラグは存在しません。タブページが閉じられていることを示します//アクションは実行されません}
};

関数ClearLoginInfo（）{
    //ログイン情報のロジックをクリアするなど：
    localstorage.removeItem（ 'usertoken'）; 
}

コードでは、 onbeforeunloadイベントがフラグisClosing設定し、 onunloadイベントがこのフラグをチェックします。フラグが存在する場合は、 clearLoginInfo関数を呼び出してログイン情報をクリアします。それ以外の場合は、タブページが閉じられており、アクションが不要であることを意味します。 clearLoginInfo関数の特定のクリアリングロジックは、実際のアプリケーションに従って調整する必要があることに注意する必要があります。この方法は、閉じるタブとWindowsのChromeブラウザのブラウザ全体を閉じることを効果的に区別します。

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