-1

我正在爲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,但不可靠。

回答

0

在第一個示例中,您忘記關閉$函數。它可能會在控制檯中看到一條錯誤消息,而這些處理程序永遠不會被創建/連接。

如果這僅僅是你的問題一個錯字,你是正確關閉該功能在您真正代碼,然後我的猜測是,你要添加後已經發生了up事件的處理程序。它解釋了這些事件何時被觸發。

如果您加載頁面,然後切換您的連接打開和關閉您是否看到記錄的事件?

+0

請採取更新的問題一看......並提出什麼...... 目前沒有任何警告消息來了。 –

+0

你的控制檯有任何錯誤嗎?你有'/ favicon.ico'可用於'offlinejs'來測試連接嗎?看看[這裏](http://github.hubspot.com/offline/#checking) –

+0

是的我已經在項目中添加了favicon.ico圖片...並且在控制檯上也沒有錯誤消息。 –

1

請按照離線JS LINK

或者另一種方式是:

window.navigator.onLine 

這將返回true或false。

還有一方法是使用PhoneGap的可用插件:

Phonegap Plugin