navigator.online에서 변경 감지

Question

네비게이터가 온라인/오프라인 상태를 변경했는지 어떻게 알 수 있습니까?

뭔가 같은 :

var oldState = navigator.onLine; 
window.navigator.onlinechange = function(evnt,newState) { 
     alert('your changed from' + oldState + ' to' + newState + 'state'); 
} 

Answer 1

이런 식으로 뭔가 (하지 모든 브라우저는 이러한 이벤트, 현재는 IE 8, 9 및 FF> 3 지원이 이벤트 지원) :

var el = document.body; 
if (el.addEventListener) { 
    el.addEventListener("online", function() { 
    alert("online");}, true); 
    el.addEventListener("offline", function() { 
    alert("offline");}, true); 
} 
else if (el.attachEvent) { 
    el.attachEvent("ononline", function() { 
    alert("online");}); 
    el.attachEvent("onoffline", function() { 
    alert("offline");}); 
} 
else { 
    el.ononline = function() { 
    alert("online");}; 
    el.onoffline = function() { 
    alert("offline");}; 
} 

브라우저 지원 이 체크 아웃 : http://help.dottoro.com/ljnasgpu.php

Answer 2

보다 많은 크로스 브라우저 호환이 필요하면 navigator.onLine 속성을 폴링해야합니다.

var status = document.getElementById('status') 

setInterval(function() { 
    status.innerHTML = navigator.onLine ? 'online' : 'offline'; 
}, 250); 

데모 : 몸에 클래스의 도움이 코드 http://html5demos.com/nav-online

Answer 3

당신이

window.ononline = function() { 
    alert('You are now online'); 
} 

window.onoffline = function() { 
    alert('You are now offline'); 
}