使用offline.js检查互联网连接

问题描述：

我正在为android创建phonegap应用程序。使用offline.js检查互联网连接

我想检查应用程序的互联网连接。我正在使用offline.js。

但它根本不适合我。

我的代码，

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <title>datePickerAngularTPLS</title> 
    <link href="css/offline.css" rel="stylesheet" /> 
    <script src="scripts/jquery-1.11.3.min.js"></script> 
    <script src="scripts/offline.js"></script> 
</head> 
<body> 
    <script> 
     $(function() { 
      function on(evt) { 
       alert("connected successfully"); 
      } 
      function off(evt) { 
       alert("connection failed"); 
      } 
      Offline.on("up", on); 
      Offline.on("off", off); 
     }); 
    </script> 
    <!-- Cordova reference, this is added to your app when it's built. --> 
    <script src="cordova.js"></script> 
    <script src="scripts/platformOverrides.js"></script> 
    <script src="scripts/index.js"></script> 
</body> 
</html>

什么是在上面的代码中的问题...？我只是想显示对成功和失去互联网连接的警觉。

我也试过navigator.isOnlie，但不可靠。

答

在第一个示例中，您忘记关闭$函数。它可能会在控制台中看到一条错误消息，而这些处理程序永远不会被创建/连接。

如果这仅仅是你的问题一个错字，你是正确关闭该功能在您真正代码，然后我的猜测是，你要添加后已经发生了up事件的处理程序。它解释了这些事件何时被触发。

如果您加载页面，然后切换您的连接打开和关闭您是否看到记录的事件？

请采取更新的问题一看......并提出什么...... 目前没有任何警告消息来了。 –

你的控制台有任何错误吗？你有'/ favicon.ico'可用于'offlinejs'来测试连接吗？看看[这里]（http://github.hubspot.com/offline/#checking） –

是的我已经在项目中添加了favicon.ico图片...并且在控制台上也没有错误消息。 –

答

请按照离线JS LINK

或者另一种方式是：

window.navigator.onLine

这将返回true或false。

还有一方法是使用PhoneGap的可用插件：

Phonegap Plugin

使用offline.js检查互联网连接

相关推荐