Boîte d'alerte lorsque aucune connexion internet - Phonegap

Je vais essayer d'obtenir un "pop-up", eh bien, pop-up quand il n'y a pas de connexion internet sur l'appareil.

J'ai eu l'exemple suivant de travail, mais maintenant je veux l'alerte pour montrer seulement lorsque le résultat est "Pas de connexion réseau".

J'ai essayé ceci:

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

Mais qui fait juste l'alerte-boîte de pop-up, peu importe si il y a un lien ou pas.
Qui peut m'aider? 🙂

OriginalL'auteur Rvervuurt | 2012-04-04

25

Vieux-ish question, mais voici comment je ferais, c' - Vous pouvez utiliser les événements pour détecter si l'appareil est en ligne ou hors ligne. C'est idéal pour ce genre de situation que le pop-up apparaîtra dès que l'appareil passe en mode hors connexion:

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

Et faire la même chose, mais lorsque l'appareil retrouve une connexion internet?:

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

Découvrez les événements de docs ici: http://docs.phonegap.com/en/1.8.1/cordova_events_events.md.html#offline

Mise à JOUR :

de cordova 5 de ces événements ont été déplacés à cordova-plugin-réseau-informations

Est venu par cette question par hasard et je n'ai jamais remarqué marqué une réponse comme correcte. Ce qui semble le plus facile et le meilleur anser, merci!
C'est super mais j'aimerais savoir l'état lorsque l'application démarre initialement - est-il possible de l'obtenir de la même façon?
Personne ne confrontés à la question que j'ai en face - stackoverflow.com/questions/35425746/...
Je trouve ces méthodes afin d'être hautement incompatible lors de l'utilisation de Cordoue. Parfois il dit connexion aucun, même si celui-ci existe.

OriginalL'auteur edcs
7

si vous ne
```
if (states[Connection.NONE]){
       alert('Geen internet :(');
       };
```
ce qui allait se passer.

le faire.
```
networkState = navigator.network.connection.type
alert(states[networkState]);
```
voir si cela fonctionne pour u ou pas.

EDIT: il suffit de comparer:
```
if (networkState == Connection.NONE){
  alert('no internet ');
};
```
Que fait exactement ce que son exemple n': de retour le type de connexion dans une alerte-box. Ce que je veux, c'est que la fenêtre pop-up qui s'affiche lorsque la connexion est states[Connection.NONE]
où ajouter ce code? je veux dire que je peux appeler cela dans le $(document).ready(function() {...} fonction?

OriginalL'auteur ghostCoder

Ajouter d'autre à ne rien faire...

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

OriginalL'auteur Surya

3

C'est parce que vous testez la truthiness d'une constante. Ce type
de test retournera toujours vrai. Ce que vous voulez utiliser est:
```
if (navigator.network.connection.type == Connection.NONE]{
  alert('Geen internet :(');
};
```
OriginalL'auteur Simon MacDonald
3

Vérifier la documentation la plus récente pour cordova 2.0.0 ici: http://docs.phonegap.com/en/2.0.0/cordova_connection_connection.md.html#Connection

Il y en est un bon exemple. Vous avez besoin de vérifier pour la Connexion.AUCUN ou de Connexion.INCONNU - deux signifie pas d'internet. Autre chose signifie que vous avez une connexion internet, de quelque sorte.

OriginalL'auteur David Conlisk

Solution :

<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>

OriginalL'auteur Ashfaq Ahmed

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"); 
}

OriginalL'auteur Sinu Varghese

Je suis juste en fusionnant un couple de réponses ici, mais je voulais quelque chose qui a répondu à la ligne/hors ligne des événements, mais aussi savait dès le départ qu'il y avait une connexion internet. J'ai été en utilisant cette Angulaire contrôleur d'émission concernant les modifications de l'état, mais j'ai enlevé les parties pour des raisons de simplicité.

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);
    }
}

OriginalL'auteur Chris Rae

<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>

OriginalL'auteur user6611978

Vous devez vous connecter pour publier un commentaire.