ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript はどのようにしてインターネット接続ステータスを検出および監視できるのでしょうか?

JavaScript はどのようにしてインターネット接続ステータスを検出および監視できるのでしょうか?

Patricia Arquette
リリース: 2024-12-14 18:51:12
オリジナル
821 人が閲覧しました

How Can JavaScript Detect and Monitor Internet Connectivity Status?

JavaScript でのインターネット接続ステータスの監視

オフライン インターネット接続の検出は、一貫したネットワーク アクセスを必要とする Web アプリケーションにとって重要です。 JavaScript では、window.navigator.onLine プロパティとそれに関連する online および offline イベントは、接続ステータスを監視する便利な方法を提供します。

オフラインステータスの検出:

オフラインを検出するにはこのプロパティは、ユーザーがインターネットに接続しているかどうかを示すブール値を返します。

window.addEventListener:

window.addEventListener

を使用してリッスンすることもできます。 オンラインオフライン イベント。接続がオンラインからオフラインに変わると、オフライン イベントがトリガーされ、その逆も同様です。

コード例:

次のコード スニペットは、次のコード スニペットを示します。これらのメソッドの使用方法:

このコードは、初期接続ステータスをログに記録し、次のメッセージをリッスンします。
console.log('Initially ' + (window.navigator.onLine ? 'on' : 'off') + 'line');

window.addEventListener('online', () => console.log('Became online'));
window.addEventListener('offline', () => console.log('Became offline'));

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

注:

これらのメソッドが利用できるかどうかは、ブラウザーとプラットフォームによって異なる場合があります。

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

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