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

JavaScript でのインターネット接続の検出

Web アプリケーション開発の重要な側面の 1 つは、ユーザーがインターネットにアクセスできるかどうかを判断することです。これはアプリケーションの機能に大きな影響を与える可能性があります。 JavaScript では、インターネット接続の可用性を確認する方法がいくつかあります。

最も広くサポートされている方法には、window.navigator.onLine プロパティを使用する方法が含まれます。このプロパティはブール値を返します。ユーザーがオンラインの場合は true、オフラインの場合は false を返します。さらに、接続ステータスが変化するとオンラインおよびオフラインのウィンドウ イベントが発生し、より反応的なアプローチが提供されます。

window.navigator.onLine の使用法を示すために、次のコード スニペットを検討してください。

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));

このスニペットでは、現在の接続ステータスを示す初期メッセージを出力し、オンライン イベントとオフライン イベントを処理するイベント リスナーを追加します。これにより、コンソールで対応するメッセージがトリガーされます。さらに、 window.navigator.onLine プロパティを手動でチェックできるようにするボタン要素が追加されています。

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