Vérifier s'il existe une connexion Internet avec Javascript? [dupliquer]

Ok, peut-être un peu tard dans le jeu mais qu'en est-il vérifier avec une image en ligne? Je veux dire, L'OP doit savoir s'il a besoin de récupérer le CMD de Google ou la copie JQ locale, mais ça ne veut pas dire que le navigateur ne peut pas lire Javascript quoi qu'il arrive, n'est-ce pas?

<script>
function doConnectFunction() {
// Grab the GOOGLE CMD
}
function doNotConnectFunction() {
// Grab the LOCAL JQ
}

var i = new Image();
i.onload = doConnectFunction;
i.onerror = doNotConnectFunction;
// CHANGE IMAGE URL TO ANY IMAGE YOU KNOW IS LIVE
i.src = 'http://gfx2.hotmail.com/mail/uxp/w4/m4/pr014/h/s7.png?d=' + escape(Date());
// escape(Date()) is necessary to override possibility of image coming from cache
</script>

Just my 2 cents

5 ans plus tard-version:

Aujourd'hui, il y a des bibliothèques JS pour vous, si vous ne voulez pas entrer dans les détails des différentes méthodes décrites sur cette page.

L'un de ceux-ci est https://github.com/hubspot/offline . Il vérifie la connectivité D'un URI prédéfini, par défaut votre favicon. Il détecte automatiquement lorsque la connectivité de l'Utilisateur a été rétablie et fournit des événements nets comme up et down , que vous pouvez lier pour mettre à jour votre UI.

vous pouvez imiter la commande Ping.

utilisez Ajax pour demander un timestamp à votre propre serveur, définissez un timer en utilisant setTimeout à 5 secondes, s'il n'y a pas de réponse, essayez à nouveau.

S'il n'y a pas de réponse en 4 tentatives, vous pouvez supposer qu'internet est en panne.

de sorte que vous pouvez vérifier en utilisant cette routine à intervalles réguliers comme 1 ou 3 minutes.

ça me semble une bonne solution.

vous pouvez essayer en envoyant des requêtes XHR quelques fois, et puis si vous obtenez des erreurs, cela signifie qu'il ya un problème avec la connexion internet.

Edit: j'ai trouvé ce script JQuery qui est en train de faire ce que vous demandez, je n'ai pas le tester.

j'ai écrit un plugin jQuery pour faire cela. Par défaut, il vérifie L'URL courante (parce que celle-ci est déjà chargée une fois à partir du Web) ou vous pouvez spécifier une URL à utiliser comme argument. Toujours faire une demande à Google n'est pas la meilleure idée parce qu'elle est bloquée dans différents pays à des moments différents. Aussi, vous pourriez être à la merci de ce que la connexion à l'échelle d'un océan/front météorologique/climat politique pourrait être comme le jour.

http://tomriley.net/blog/archives/111

envoyer des requêtes XHR est mauvais parce qu'il pourrait échouer si ce serveur particulier est en panne. À la place, utilisez la bibliothèque de l'API googles API pour charger leur(S) version (s) Mise (s) en cache de jQuery.

vous pouvez utiliser l'API googles pour effectuer un rappel après avoir chargé jQuery, et cela vérifiera si jQuery a été chargé avec succès. Quelque chose comme le code ci-dessous devrait fonctionner:

<script type="text/javascript">
    google.load("jquery");

    // Call this function when the page has been loaded
    function test_connection() {
        if($){
            //jQuery WAS loaded.
        } else {
            //jQuery failed to load.  Grab the local copy.
        }
    }
    google.setOnLoadCallback(test_connection);
</script>

la documentation de l'API google peut être trouvée ici .

j'ai une solution qui travaille ici pour vérifier si la connexion internet existe:

$.ajax({
    url: "http://www.google.com",
    context: document.body,
    error: function(jqXHR, exception) {
        alert('Offline')
    },
    success: function() {
        alert('Online')
    }
})

une solution beaucoup plus simple:

<script language="javascript" src="http://maps.google.com/maps/api/js?v=3.2&sensor=false"></script>

et plus loin dans le code:

var online;
// check whether this function works (online only)
try {
  var x = google.maps.MapTypeId.TERRAIN;
  online = true;
} catch (e) {
  online = false;
}
console.log(online);

Lorsqu'il n'est pas en ligne le script google ne sera pas chargé résultant d'une erreur où une exception sera levée.