[ブラウザ]タブを閉じることと、JavaScriptを使用してブラウザ全體を閉じることを區(qū)別する方法は?
Apr 04, 2025 pm 10:21 PMJavaScriptはブラウザタブの閉鎖とブラウザの完全閉鎖を區(qū)別します
マルチタブブラウジングの毎日の使用では、ユーザーは単一のタブまたはブラウザ全體を閉じる必要がある場(chǎng)合があります。たとえば、いくつかのアプリケーションシナリオでは、ブラウザが完全に閉じている場(chǎng)合(ログイン情報(bào)のクリアなど)、単一のタブを閉じるときはそうではありません。この記事では、JavaScriptを使用してこれら2つの狀況を區(qū)別し、対応するソリューションを提供する方法について説明します。
問題の説明
開発したWebアプリケーションが、WindowsシステムのChromeブラウザで実行されるとします。要件は、ユーザーがブラウザ全體を閉じるときにログイン情報(bào)をクリアし、単一のタブを閉じるときにログイン情報(bào)を変更しないようにすることです。この関數(shù)を?qū)g裝する方法は?
解決
HTML5のsessionStorage
オブジェクトを使用して、この問題を解決できます。 sessionStorage
使用すると、キー価値ペアデータを同じセッションに保存できます。ブラウザを閉じると、 sessionStorage
のデータがクリアされ、単一のタブを閉じると他のタブのsessionStorage
データには影響しません。
特定の実裝手順は次のとおりです。
-
ブラウザクローズイベントをリッスンします:
beforeunload
イベントを使用して、ブラウザのクローズまたはタブのクローズ操作をリッスンします。window.addeventlistener( 'beforeunload'、function(e){ //ここでログイン情報(bào)をクリアするためにコードを追加しますが、ここで直接実行することは、タブを閉じるときにクリアすることにもつながる可能性があることに注意する必要があります。 });
-
sessionstorageを使用して閉じる動(dòng)作を區(qū)別します。各タブがロードされたら、
sessionStorage
アイテムを設(shè)定し、閉じたときにアイテムが存在するかどうかを確認(rèn)します。存在する場(chǎng)合、タブページが閉じられていることを意味します。存在しない場(chǎng)合、ブラウザ全體が閉じられていることを意味します。//ページが読み込まれたときにsessionStorageを設(shè)定します window.addeventlistener( 'load'、function(){ sessionStorage.setItem( 'tabopen'、 'true'); }); //閉じたときにSESSIONSTORAGEを確認(rèn)してください window.addeventlistener( 'beforeunload'、function(e){ if(!sessionStorage.getItem( 'tabopen')){ //ログイン情報(bào)ClearLoginInfo(); } それ以外 { // sessionStorageアイテムsessionStorage.RemoveItem( 'tabopen'); } }); 関數(shù)ClearLoginInfo(){ //ここでログイン情報(bào)をクリアするためにコードをConsole.log( 'ログイン情報(bào)のクリア...'); }
上記の方法を使用して、タブページを閉じることとブラウザの閉鎖を効果的に區(qū)別し、ブラウザが完全に閉じているときにログイン情報(bào)をクリアする操作を?qū)g行できますが、この操作は1つのタブページを閉じるときに実行されません。ブラウザとユーザー設(shè)定の特定の実裝に応じて、ブラウザによってbeforeunload
イベントがインターセプトまたは遅延する可能性があることに注意する必要があります。信頼性を向上させるために、サーバー側(cè)のセッション管理などの他のテクノロジーを考慮することができます。
以上が[ブラウザ]タブを閉じることと、JavaScriptを使用してブラウザ全體を閉じることを區(qū)別する方法は?の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語 Web サイトの他の関連記事を參照してください。

ホットAIツール

Undress AI Tool
脫衣畫像を無料で

Undresser.AI Undress
リアルなヌード寫真を作成する AI 搭載アプリ

AI Clothes Remover
寫真から衣服を削除するオンライン AI ツール。

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡(jiǎn)単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中國(guó)語版
中國(guó)語版、とても使いやすい

ゼンドスタジオ 13.0.1
強(qiáng)力な PHP 統(tǒng)合開発環(huán)境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











コンピューターは、「コンピューターに加えられた変更」インターフェイスに閉じ込められています。これは、Windowsの更新が失敗した後の一般的な問題です。これは通常、スタックロールバックプロセスによって引き起こされ、通常はシステムに入ることができません。 1.まず第一に、特に再起動(dòng)した後、ロールバックを完了するのに30分以上かかる場(chǎng)合があり、ハードディスクライトを観察してまだ実行されているかどうかを判斷するのに十分な時(shí)間を辛抱強(qiáng)く待つ必要があります。 2.長(zhǎng)い間進(jìn)捗がない場(chǎng)合は、強(qiáng)制的にシャットダウンして回復(fù)環(huán)境(Winre)に複數(shù)回入ることができ、修理またはシステムの復(fù)元を開始することができます。 3.セーフモードに入った後、最新の更新レコードをコントロールパネルからアンインストールできます。 4.コマンドプロンプトを使用して、リカバリ環(huán)境でBootRecコマンドを?qū)g行してブートファイルを修復(fù)するか、SFC/スキャノウを?qū)g行してシステムファイルを確認(rèn)します。 5.最後の方法は、「このコンピューターをリセットする」機(jī)能を使用することです

Binanceの最新バージョンはv2.102.5で、更新チュートリアルは次のとおりです。1。Webページのダウンロードリンクをクリックします。 2?!覆幻鳏圣僵`スからのインストールを許可する」のインストール許可を許可します。 3.ダウンロードしたAPKを見つけて、インストールしてクリックします。 4.インストールされているアプリケーションをクリックして開きます。

Binanceの最新バージョンはv2.102.5で、更新チュートリアルは次のとおりです。1。Webページのダウンロードリンクをクリックします。 2?!覆幻鳏圣僵`スからのインストールを許可する」のインストール許可を許可します。 3.ダウンロードしたAPKを見つけて、インストールしてクリックします。 4.インストールされているアプリケーションをクリックして開きます。

Binanceの最新バージョンは2.101.8で、更新チュートリアルは次のとおりです。1。Webページのダウンロードリンクをクリックします。 2。「不明なソースからのインストールを許可する」のインストール許可を許可します。 3.ダウンロードしたAPKを見つけて、インストールしてクリックします。 4.インストールされているアプリケーションをクリックして開きます。

Binanceの最新バージョンは2.101.8で、更新チュートリアルは次のとおりです。1。Webページのダウンロードリンクをクリックします。 2?!覆幻鳏圣僵`スからのインストールを許可する」のインストール許可を許可します。 3.ダウンロードしたAPKを見つけて、インストールしてクリックします。 4.インストールされているアプリケーションをクリックして開きます。

Binanceの最新バージョンはv2.102.5で、更新チュートリアルは次のとおりです。1。Webページのダウンロードリンクをクリックします。 2?!覆幻鳏圣僵`スからのインストールを許可する」のインストール許可を許可します。 3.ダウンロードしたAPKを見つけて、インストールしてクリックします。 4.インストールされているアプリケーションをクリックして開きます。

Binanceの最新バージョンはv2.102.5で、更新チュートリアルは次のとおりです。1。Webページのダウンロードリンクをクリックします。 2?!覆幻鳏圣僵`スからのインストールを許可する」のインストール許可を許可します。 3.ダウンロードしたAPKを見つけて、インストールしてクリックします。 4.インストールされているアプリケーションをクリックして開きます。

「rpcserverisunavaible」問題に遭遇した場(chǎng)合、まずローカルサービスの例外かネットワーク構(gòu)成の問題であるかを確認(rèn)します。 1. RPCサービスをチェックして起動(dòng)して、スタートアップタイプが自動(dòng)であることを確認(rèn)します。開始できない場(chǎng)合は、イベントログを確認(rèn)してください。 2.ネットワーク接続とファイアウォールの設(shè)定を確認(rèn)し、ファイアウォールをテストしてファイアウォールをオフにし、DNS解像度とネットワーク接続を確認(rèn)します。 3. SFC/ScannowおよびDismコマンドを?qū)g行して、システムファイルを修復(fù)します。 4.ドメイン環(huán)境でグループポリシーとドメインコントローラーのステータスを確認(rèn)し、処理を支援するためにIT部門に連絡(luò)してください。徐々に順番にチェックして、問題を見つけて解決します。
