JavaScriptでオフライン/オンライン状態を検出する方法

オフライン ブラウジング テクノロジは、過去 2 年間でますます人気が高まっています。最も一般的なのは HTML5 モバイル アプリケーションです。多くの通常の Web アプリでもこれらのテクノロジが使用されています。しかし、新しいテクノロジーの登場により、ユーザーがオンラインかオフラインかをどうやって判断するかなど、Web 開発者にとって新たな問題が発生することがあります。幸いなことに、槍のあるところには盾があるため、JavaScript の navigator オブジェクトがこの問題の解決に役立ちます。

関連する学習の推奨事項: JavaScript ビデオ チュートリアル

navigator.onLine

navigator.onLineプロパティユーザーがインターネットに接続しているかどうかを判断するためのブール値を提供できます。次のようにアクセスできます:

if(navigator.onLine) { // true|false
	// ...
}

これほど簡単なことはありません。

Events

このオフライン/オンライン属性値の検出に加えて、offline および online イベントをバインドすることもできます:

function updateIndicator() {
	// 这时可以根据offline/online按钮的颜色
}

// 根据网络连接情况更新在线状态
window.addEventListener('online',  updateIndicator);
window.addEventListener('offline', updateIndicator);
updateIndicator();

もちろん、昔ながらの手法でも、body タグの ononline メソッドと onoffline メソッドを使用して、対応するメソッドを提供します。

これらのイベントやプロパティを使用する必要がある場所はたくさんあると想像できます。たとえば、ある状況では、ユーザーが作業中にネットワークが切断されているときに、Web アプリケーションがこの状態を検出できれば、ユーザーの書き込みをローカルの Web ストレージに保存し、ネットワークが復元された後にサーバーに送信できます。 . , この方法では、切断がユーザーの書き込みに影響を与えることはありません。これは単なる単純な例ですので、他にも考えられると思います。

この API はそれほど信頼できるものではないことに注意してください。最も古いスケジュールされた更新テクノロジをレコードとして使用できます。

以上がJavaScriptでオフライン/オンライン状態を検出する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。