Javascript'te Ağ Kaybı Nasıl Algılanır?

Question

Web uygulamam iPad'ler Galaxy sekmeleri vb. Gibi birden fazla el aygıtında çalışır. Sunucudan uygulama isteği görüntüler ve İstemcilerde işlenir.

Şimdi problem bazen bu durumun üstesinden gelmek için istediğiniz ağ bağlantısı

... ikon cihazlarda gösterilen no-görüntü html o zaman daha görüntülerin oluşturulması sırasında kaybolur, olmuyo incelikle, ağ kaybı sırasında, bunu yakalamak ve .. hiçbir ağ bağlantısı falan ...

Ben kullanıcıya navigator.onLine olay çalıştı kullanıcıya bir uyarı göstermek istiyoruz ama tüm sette çalışmıyor desteklediğim tarayıcı, mozilla vb. 5-6 sürümü.

Ve ayrıca benim uygulama sadece wifi yerel ağ üzerinde çalışacak ... Bu internete bağlı olabilir veya olmayabilir ... Bu navigator.onLine da bu uygunluk içinde çalışır ..?

bana bunu yapmak için başka iyi bir yol verin ...

Answer 1

Sunucunuza biraz XHR istek yapmak ve iade durumu kontrol edebilir. Bu, 0 ise the connection is missing anlamına gelir. Ben xhr nesne için IE-uyumluluk bölümünü atlandı ama eklemek kolay olurdu:

function isOnline (callback) { 
    var xhr = new XMLHttpRequest() 
    xhr.onreadystatechange = function () { 
     // Make sure the request is finished 
     if (xhr.readyState === 4) { 
      // There is the magic 
      if (xhr.status === 0) { 
       callback(false) 
      } 
      else { 
       callback(true) 
      } 
     } 
    } 
    xhr.open('/some/url') 
    xhr.send() 
} 

// Usage example: 
isOnline(function (status) { 
    if (status) { 
     // You're online 
    } 
    else { 
     // You're not online 
    } 
}) 

PS:

Yani, böyle bir şey size küçük bir yardımcı program işlevi verebilir. Bu fikri elde etmek için daha fazla.

Answer 2

Örneğin, resim yüklenmez ise

<img src="..." onerror="noConnection()"> 

Yani noConnection yöntemi çağrılır kullanabilirsiniz. Burada

diğer bilgiler: jQuery/JavaScript to replace broken images