如何检测我的应用是否离线？

Question

我遇到了问题，我构建了一个使用google maps 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，一个为此目的而构建的开源库。