如何檢測我的應用程序是否處於脫機狀態？

Question

我有一個問題，我建立一個使用谷歌地圖JavaScript API的jQuerymobile應用程序。

的問題是，當我開始在飛行模式下的應用程序，我只看到加載條：

如何檢查，如果應用程序是脫機，然後只顯示一條消息，該地圖是不是離線工作？

Answer 1

對於飛行模式具體爲：

navigator.onLine 

它可以使用一個布爾值，因此如：

if(navigator.onLine) { 
    //show full app 
} else { 
    //show offline message 
} 

有事件監聽處理聯機/脫機狀態之間的轉換： https://developer.mozilla.org/en-US/docs/Web/API/NavigatorOnLine.onLine

這不適用於檢測極低信號或無效的公共互聯網路由。這些場景需要其他技術。

Answer 2

使用Offline.js，爲此目的而構建的開源庫。