Предупреждающий бокс при отсутствии подключения к Интернету - Телефонная связь

Я пытаюсь получить всплывающее окно, ну, всплывающее окно, когда на устройстве нет подключения к Интернету.

Я получил следующий пример, но теперь я хочу, чтобы только предупреждение показывало, когда результатом является "Нет сетевого подключения".

Я пробовал это:

if (states[Connection.NONE]){
       alert('Geen internet :(');
       };

Но это только делает всплывающее окно предупреждения, независимо от того, есть ли соединение или нет. Кто может мне помочь?:)

Ответ 1

Старый вопрос, но вот как я это сделаю - вы можете использовать события, чтобы определить, находится ли устройство в сети или в автономном режиме. Это идеально подходит для этой ситуации, поскольку всплывающее окно появляется, как только устройство переходит в автономный режим:

document.addEventListener("offline", function(){ alert("You're offline") }, false);

И сделать то же самое, но когда устройство восстановит интернет-соединение?:

document.addEventListener("online", function(){ alert("You're online") }, false);

Ознакомьтесь с документами событий здесь: http://docs.phonegap.com/en/1.8.1/cordova_events_events.md.html#offline

ОБНОВЛЕНИЕ:

по состоянию от кордовы 5 эти события были перенесены на cordova-plugin-network-information

Ответ 2

если вы делаете

if (states[Connection.NONE]){
   alert('Geen internet :(');
   };

это произойдет. Сделайте это.

networkState = navigator.network.connection.type
alert(states[networkState]);

посмотреть, работает ли это для u или нет.

EDIT: просто сравните:

if (networkState == Connection.NONE){
  alert('no internet ');
};

Ответ 3

Добавить еще ничего не делать...

if (navigator.network.connection.type == Connection.NONE) {
    alert('Geen internet :(');
}
else {
    // nothing
};

Ответ 4

Это потому, что вы проверяете правдивость константы. Этот тип теста всегда будет возвращать true. Что вы хотите использовать:

if (navigator.network.connection.type == Connection.NONE]{
  alert('Geen internet :(');
};

Ответ 5

Проверьте последнюю документацию для cordova 2.0.0 здесь: http://docs.phonegap.com/en/2.0.0/cordova_connection_connection.md.html#Connection

Есть хороший пример. Вам нужно проверить Connection.NONE или Connection.UNKNOWN - оба означают отсутствие Интернета. Все остальное означает, что у вас есть какое-то подключение к интернету.

Ответ 6

Решение:

<script type="text/javascript" charset="utf-8">

// Wait for PhoneGap to load
// 
document.addEventListener("deviceready", onDeviceReady, false);

// PhoneGap is loaded and it is now safe to make calls PhoneGap methods
//
function onDeviceReady() {
    checkConnection();
}

function checkConnection() {
    var networkState = navigator.network.connection.type;

    var states = {};
    states[Connection.UNKNOWN]  = 'Unknown connection';
    states[Connection.ETHERNET] = 'Ethernet connection';
    states[Connection.WIFI]     = 'WiFi connection';
    states[Connection.CELL_2G]  = 'Cell 2G connection';
    states[Connection.CELL_3G]  = 'Cell 3G connection';
    states[Connection.CELL_4G]  = 'Cell 4G connection';
    states[Connection.NONE]     = 'No network connection';

    alert('Connection type: ' + states[networkState]);
}

</script>

Ответ 7

Try the below code.  

var networkState = navigator.network.connection.type;
var states = {};
states[Connection.UNKNOWN]  = 'Unknown connection';
states[Connection.ETHERNET] = 'Ethernet connection';
states[Connection.WIFI]     = 'WiFi connection';
states[Connection.CELL_2G]  = 'Cell 2G connection';
states[Connection.CELL_3G]  = 'Cell 3G connection';
states[Connection.CELL_4G]  = 'Cell 4G connection';
states[Connection.NONE]     = 'No network connection';

if ((states[networkState]) == states[Connection.NONE])
{
alert("Please check your internet connectivity and try again"); 
}

Ответ 8

Я просто объединяю пару ответов здесь, но мне нужно что-то, что отвечало на онлайн-события, но также было известно, было ли подключение к Интернету. Я использовал это в контроллере Angular, который транслировал о состоянии изменений, но я удалил эти части для простоты.

document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady() {
    var _curStatus = false;

    function toggleStatus(newVal) {
        console.log('Setting internet connection state to: ' + newVal);
        _curStatus = newVal;
        // My angular $broadcast went here
    }

    var conType = navigator.network.connection.type;
    toggleStatus((conType != Connection.NONE) && (conType != Connection.UNKNOWN));
    document.addEventListener("online", function() {toggleStatus(true);}, false);
    document.addEventListener("offline", function() {toggleStatus(false);}, false);
    }
}

Ответ 9

<script type="text/javascript" charset="utf-8">

    // Wait for device API libraries to load
    //
    document.addEventListener("deviceready", onDeviceReady, false);

    // device APIs are available
    //
    function onDeviceReady() {
        checkConnection();
    }

        function checkConnection() {
            var networkState = navigator.connection.type;

            if(navigator.connection.type == Connection.NONE) {        
        alert("No network connection.Please turn it on");
    }
        }

    </script>