如果有可用的互联网连接，如何在HTML5 / JQueryMobile应用程序中检测？

Question

我有基本的JQuery Mobile / Javascript HTML5应用程序。没有PhoneGap等。只需浏览器中的页面即可。如果我能检测到可用的连接，我想将数据发送到服务器？怎么检测到这个？感谢

Answer 1

您可以使用window.navigator.onLine。如果设备在线则返回true，否则返回false。我在jQuery mobile for iOS中创建应用程序时使用它，它可以工作。

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

Answer 2

由于您使用的是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。

希望有所帮助