html - 如果有可用的互联网连接，如何在 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 。

希望能帮助到你