html - インターネット接続が利用可能な場合、HTML5/JQueryMobile アプリで検出する方法は?

Question

基本的な JQuery Mobile/Javascript HTML5 アプリがあります。PhoneGap などはありません。ブラウザー内のページのみです。利用可能な接続を検出できたら、サーバーにデータを送信したいですか? これはどのように検出されますか？ありがとう

Answer 1

HTML5 を使用しているため、window.navigator.onLineブール値のステータスを確認できます。

if (window.navigator.onLine) {
  alert("Online")
} else {
  alert("Offline")
}

また、オフライン/オンライン イベントを聞くこともできます。参照用にこちらを参照してください。

https://developer.mozilla.org/en-US/docs/DOM/window.navigator.onLine

https://developer.mozilla.org/en-US/docs/Online_and_offline_events

別の依存関係を気にしない場合は、heyoffline.jsを使用することもできます。

それが役に立てば幸い