Przewodnik po współczesnych technologiach internetowych jest już stabilny Ulepszaj swoich agentów kodowania, korzystając ze sprawdzonych metod tworzenia stron internetowych, które zostały zweryfikowane przez ekspertów. Przeczytaj ogłoszenie

Google używa technologii AI do tłumaczenia treści na Twój preferowany język. Tłumaczenia wygenerowane przez AI mogą zawierać błędy.

navigator.onLine w wersji deweloperskiej Chrome

Eric Bidelman

Dzięki interfejsom API offline w HTML5 nie ma wymówki, aby nie zapewnić użytkownikom płynnego działania w trybie offline. W tym przypadku przydatna może być właściwość navigator.onLine, która niedawno trafiła do kanału deweloperskiego Chrome. Ta właściwość zwraca wartość true lub false w zależności od tego, czy aplikacja ma połączenie z internetem:

if (navigator.onLine) {
    console.log('ONLINE!');
} else {
    console.log('Connection flaky');
}

Aplikacja internetowa może też nasłuchiwać zdarzeń online i offline, aby określić, kiedy połączenie jest znowu dostępne lub kiedy aplikacja przejdzie w tryb offline:

window.addEventListener('online', function(e) {
    // Re-sync data with server.
}, false);

window.addEventListener('offline', function(e) {
    // Queue up events for server.
}, false);

Opublikowaliśmy działającą wersję demonstracyjną pod adresem http://html5-demos.appspot.com/static/navigator.onLine.html. Więcej informacji o wydarzeniach offline znajdziesz w MDN.

navigator.onLine w wersji deweloperskiej Chrome Zadbaj o dobrą organizację dzięki kolekcji Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.

navigator.onLine w wersji deweloperskiej Chrome