JavaScript はインターネットの切断をどのように検出して処理できるのでしょうか?

JavaScript でインターネットの切断を検出する方法

信頼性が高く応答性の高いユーザー エクスペリエンスを提供するには、ユーザーのオンライン ステータスを把握することが重要です。 JavaScript には、インターネット接続の切断を検出するためのいくつかの方法が用意されています。

最も広くサポートされている方法は、window.navigator.onLine プロパティを使用する方法です。このプロパティは、現在のオンライン ステータスを示すブール値を返します。接続が確立されると、true が返されます。それ以外の場合は false を返します。

オンライン ステータスの変化を監視するには、ウィンドウ オブジェクトによってトリガーされる online および offline イベントをリッスンできます。これらのイベントは、それぞれ接続が復元または切断されたときに実行されるコールバック関数を提供します。

コード例:

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 テクニックを活用すると、ユーザーのインターネット接続の変化を効果的に監視し、それに対応できます。

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