navigator.en ligne n'est pas toujours de travail

Je vais avoir un problème avec le navigateur.propriété en ligne.

Je suis à court d'un simple site web à partir d'un kiosque local en cours d'exécution sur un WAMP.

Sur mon ordinateur portable lorsque je test ce que ça fonctionne. J'ai désactivé le WiFi et la boîte d'alerte s'affiche. Déconnexion de l'internet sur le kiosque de l'exécution de l'WAMP logiciel ne permet pas de produire de la fausse qualité. Des idées pourquoi?

var online = navigator.onLine;

if (online == false) {

    alert("Sorry, we currently do not have Internet access.");
    location.reload();

}
InformationsquelleAutor Jako | 2013-01-11
  1. 46

    MDN sur navigator.en ligne:

    Dans Chrome et Safari, si le navigateur n'est pas capable de se connecter à un réseau local (LAN) ou un routeur, il est en mode hors connexion; toutes les autres conditions de retourner la valeur true. Ainsi, alors que vous pouvez supposer que le navigateur est en mode hors connexion lorsqu'il renvoie une valeur false, vous ne pouvez pas supposer que la valeur true signifie nécessairement que le navigateur peut accéder à l'internet.

    Comme décrit ci-dessus, cette propriété n'est pas fiable, donc, à mon avis, la meilleure solution est un appel ajax vers une page côté serveur. Si le navigateur est en mode hors connexion, la connexion échoue et, ainsi, la onerror événement sera appelé. Sinon, le onload événement est appelé:

    function isOnline(no,yes){
    var xhr = XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHttp');
    xhr.onload = function(){
        if(yes instanceof Function){
            yes();
        }
    }
    xhr.onerror = function(){
        if(no instanceof Function){
            no();
        }
    }
    xhr.open("GET","anypage.php",true);
    xhr.send();
}

isOnline(
    function(){
        alert("Sorry, we currently do not have Internet access.");
    },
    function(){
        alert("Succesfully connected!");
    }
);
    • Merci pour votre aide, cela m'a dirigé dans la bonne direction.
    • Correction mineure -la fonction de l'ordre dans vos arguments sont échangées, doivent être function isOnline(yes, no){ ... }
    • Que faire si je veux charger jQuery à partir de Google CDN, et d'exécuter du code jQuery si la requête a réussi?
    • Ensuite, vous devez placer votre logique dans le succès de rappel (au cas où, le yes fonction).
    • Vous pouvez également appeler jQuery.ajax, puis de les écouter à l'erreur: la fonction(x, e). Si x.statut ===0 signifie qu'il n'y est de problème de réseau et probablement hors ligne
    • merci @Danilo Valente
    • Lorsque je désactive le wifi, je reçois toujours vrai lors de l'exécution de navigator.online. Mais je ne voudrais pas utiliser GET méthode, mais plutôt HEAD, parce que vous ne voulez vérifier si vous êtes en ligne, vous n'avez pas besoin de contenu...
    • Je tiens à ajouter que, Si vous voulez examiner d'autres sites à l'exception de votre propre site web (où l'appel a été fait), par exemple à partir de www.YourSite.com à https//:google.com, une erreur s'élever si le site cible (google.com) n'a pas accepté Cross Site Calls. S'il vous plaît corrigez-moi si je me trompe.

    InformationsquelleAutor Danilo Valente
  2. 0

    Comme Danilo Valente souligné: navigator.onLine propriété n'est pas fiable,

    Mais PAS tous d'erreur dans l'ajax de réponse signifie que vous êtes déconnecté d'internet! C'est peut être une erreur de l'API (403,500,404 ....)

    Si vous utilisez axios, vous pouvez distinguer les erreurs de ce type: 

    axios.request(options).catch(function(error) {
  if (!error.response) {
    //network error (server is down or no internet)
  } else {
    //http status code
    const code = error.response.status
    //data from server while error
    const response = error.response.data
  }
});
    InformationsquelleAutor Ahmad Mobaraki