如何使用移动设备的 Javascript(HTML) 在后台检查网络连接？答案

【问题标题】：How to check network connectivity in background using Javascript(HTML) for mobile devices?如何使用移动设备的 Javascript(HTML) 在后台检查网络连接？
【发布时间】：2016-09-15 21:22:19
【问题描述】：

我正在创建一个混合移动应用程序，并且只想检查网络连接以便在线同步数据。我建议不要使用 JQuery/JQuery Mobile。任何帮助将不胜感激。

【问题讨论】：

到目前为止你做了什么？您可以询问设备是否有网络连接（取决于平台），或者只是从远程服务器检索一个小文件
尝试同步，如果你得到一个错误队列它稍后再做。
使用navigator.onLine 怎么样？您可以使用 eventListener 来检查更改，然后做您想做的事，但您需要向我们展示您尝试过的一些代码，我们很乐意为您提供帮助
@Torean, navigator.onLine 并不完全可靠，每个浏览器处理它的方式不同，有些浏览器只在某些操作后才更改它（比如点击链接）。

标签： javascript html mobile network-connection

【解决方案1】：

您可以像这样在 javascript 中使用在线和离线事件。 document.addEventListener("offline", yourCallbackFunction, false); document.addEventListener("online", yourCallbackFunction, false);

document.addEventListener("online", onOnline, false);

 function onOnline{
  //Handle the online event
 }

【讨论】：

非常感谢 Shreya Rawal
很高兴帮助 :) @Anjali Patel