ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript でオフラインのインターネット接続ステータスを検出するにはどうすればよいですか?

JavaScript でオフラインのインターネット接続ステータスを検出するにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-12-06 03:33:12
オリジナル
644 人が閲覧しました

How Can I Detect Offline Internet Connection Status in JavaScript?

JavaScript でインターネット接続がオフラインかどうかを確認する方法

JavaScript でのインターネット接続の検出は、シームレスなユーザー エクスペリエンスを確保するための重要な側面ですWeb アプリケーション用。これを実現するにはさまざまな方法がありますが、最も効果的な方法の 1 つは、window.navigator.onLine プロパティを利用することです。

window.navigator.onLine プロパティは、デバイスにアクティブなインターネット接続があるかどうかを示します。その値はブール値で、true はオンライン接続を表し、false はオフライン接続を表します。現在のネットワーク ステータスを確認するには、このプロパティにアクセスするだけです。

console.log('Initially ' + (window.navigator.onLine ? 'on' : 'off') + 'line');
ログイン後にコピー

さらに、オンライン イベントとオフライン イベントをサブスクライブして、ネットワーク ステータスが変化するたびに通知を受けることができます。

window.addEventListener('online', () => console.log('Became online'));
window.addEventListener('offline', () => console.log('Became offline'));
ログイン後にコピー

現在のネットワーク ステータスをオンデマンドで手動で確認するには、window.navigator.onLine プロパティの評価をトリガーするボタンを作成できます。

document.getElementById('statusCheck').addEventListener('click', () => console.log('window.navigator.onLine is ' + window.navigator.onLine));
ログイン後にコピー

以上がJavaScript でオフラインのインターネット接続ステータスを検出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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