-1

Я создаю приложение phonegap для Android.Проверьте подключение к Интернету с помощью 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 событие уже произошло. Here объясняется, когда эти события запускаются.

Если вы загружаете свою страницу, то вы можете включить или отключить свое соединение, вы видите, что события зарегистрированы?

+0

Пожалуйста, обратите внимание на обновленный вопрос ... и предложить что-то ... На данный момент предупредительное сообщение не приходит. –

+0

У вас есть ошибки в консоли? И у вас есть '/ favicon.ico' для' offlinejs' для проверки соединения? Посмотрите [здесь] (http://github.hubspot.com/offline/#checking) –

+0

Да, я добавил изображение favicon.ico в проекте ... и на консоли тоже нет сообщения об ошибке. –

1

Пожалуйста следуйте Оффлайн

расслоение плотной LINK

Или другой способ:

window.navigator.onLine 

Это будет возвращать истинным или ложным.

И еще один способ использует PhoneGap доступный плагин:

Phonegap Plugin

Смежные вопросы