Sprawdź, czy istnieje połączenie internetowe z Javascript? [duplikat]

Ok, może trochę za późno w grze, ale co z sprawdzeniem obrazu online? Chodzi mi o to, że OP musi wiedzieć, czy musi pobrać CMD Google lub lokalną kopię JQ, ale to nie znaczy, że przeglądarka nie może czytać Javascript bez względu na wszystko, prawda?

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

5 lata później-wersja:

Dzisiaj, istnieją biblioteki JS dla Ciebie, jeśli nie chcesz wdawać się w szczegóły różnych metod opisanych na tej stronie.

Na nich jest https://github.com/hubspot/offline . sprawdza łączność predefiniowanego URI, domyślnie favicon. Automatycznie wykrywa, kiedy łączność użytkownika została przywrócona i zapewnia schludne zdarzenia, takie jak up i down, które można powiązać w celu Zaktualizuj swój interfejs użytkownika.

Możesz naśladować polecenie Ping.

Użyj Ajax, aby zażądać znacznika czasu do własnego serwera, zdefiniuj timer za pomocą setTimeout na 5 sekund, jeśli nie ma odpowiedzi spróbuj ponownie.

Jeśli nie ma odpowiedzi w 4 próbach, można przypuszczać, że internet nie działa.

Więc można sprawdzić za pomocą tej procedury w regularnych odstępach czasu, jak 1 lub 3 minuty.

To wydaje mi się dobre i czyste rozwiązanie.

Możesz spróbować wysyłając żądania XHR kilka razy, a jeśli pojawią się błędy, oznacza to, że jest problem z połączeniem internetowym.

Edytuj: znalazłem Ten skrypt JQuery {[7] } który robi to, o co prosisz, nie testowałem go jednak.

Napisałem do tego wtyczkę jQuery. Domyślnie sprawdza bieżący adres URL (ponieważ jest już załadowany raz z sieci) lub można określić adres URL, który ma być użyty jako argument. Zawsze robi żądanie do Google nie jest najlepszym pomysłem, ponieważ jest zablokowany w różnych krajach w różnych czasach. Możesz też być na łasce tego, jak może wyglądać połączenie za określonym oceanem/frontem pogodowym/klimatem politycznym dzień.

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

Wysyłanie żądań XHR jest złe, ponieważ może się nie udać, jeśli dany serwer jest wyłączony. Zamiast tego użyj biblioteki googles API, aby załadować ich buforowane wersje jQuery.

Możesz użyć googles API do wykonania wywołania zwrotnego po załadowaniu jQuery, a to sprawdzi, czy jQuery został załadowany pomyślnie. Coś takiego jak poniższy kod powinien działać:

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

Dokumentacja google API znajduje się tutaj .

Mam rozwiązanie, które sprawdza czy istnieje połączenie z internetem:

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

O wiele prostsze rozwiązanie:

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

I później w kodzie:

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

Gdy nie jest on-line, skrypt google nie zostanie załadowany, co spowoduje błąd, w którym zostanie wyrzucony wyjątek.