Safari 11에서 인터넷 연결이 끊어지는 것을 확인하는 방법은 무엇입니까?

Question

사이트의 사용자가 인터넷/무선 랜에 연결할 수없는 경우 모달을 실행하려고합니다.

이 솔루션은 크롬과 파이어 폭스 작동 -하지만 사파리 작동하지 않습니다 11.0

window.addEventListener('offline', lostConnection); 

    function lostConnection() { 
    modals.lostConnection.open(); 
    } 

내가 < "Offline.js"또한 navigator.onLine 라이브러리를 사용하여 시도 한 연구 할 때 -이 11.0

Answer 1

MDN에게 사파리 중 하나가 작동하지 않습니다에 대한 navigator.onLine :

크롬과 사파리에서

, 브라우저가 로컬 영역 네트워크에 연결할 수없는 경우 (LAN) 또는 AR 바깥 쪽, 오프라인 상태입니다. 다른 모든 조건은 true를 반환합니다. 따라서 브라우저가 잘못된 값을 반환 할 때 브라우저가 오프라인 상태라고 가정 할 수는 있지만 실제 값은 브라우저가 인터넷에 액세스 할 수 있다는 것을 의미 할 수 없습니다.

이 속성은 신뢰할 수 없으므로 제 생각에는 최선의 해결 방법은 서버 쪽 페이지로의 아약스 호출입니다. 브라우저가 오프라인이면 연결이 실패하고 그에 따라 대소 문자를 처리 할 수 ​​있습니다.