>웹 프론트엔드 >JS 튜토리얼 >JavaScript에서 오프라인 인터넷 연결 상태를 어떻게 감지할 수 있습니까?

JavaScript에서 오프라인 인터넷 연결 상태를 어떻게 감지할 수 있습니까?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-12-06 03:33:12624검색

How Can I Detect Offline Internet Connection Status in JavaScript?

JavaScript에서 인터넷 연결이 오프라인인지 확인하는 방법

JavaScript에서 인터넷 연결을 감지하는 것은 원활한 사용자 경험을 보장하는 데 중요한 측면입니다. 웹 애플리케이션용. 이를 달성하기 위한 다양한 접근 방식이 있지만 가장 효과적인 방법 중 하나는 window.navigator.onLine 속성을 활용하는 것입니다.

window.navigator.onLine 속성은 장치에 활성 인터넷 연결이 있는지 여부를 나타냅니다. 해당 값은 부울입니다. 여기서 true는 온라인 연결을 나타내고 false는 오프라인 연결을 나타냅니다. 현재 네트워크 상태를 확인하려면 이 속성에 액세스하면 됩니다.

console.log('Initially ' + (window.navigator.onLine ? 'on' : 'off') + 'line');

또한 온라인 및 오프라인 이벤트를 구독하여 네트워크 상태가 변경될 때마다 알림을 받을 수 있습니다.

window.addEventListener('online', () => console.log('Became online'));
window.addEventListener('offline', () => console.log('Became offline'));

요청 시 현재 네트워크 상태를 수동으로 확인하려면 window.navigator.onLine 속성 평가를 트리거하는 버튼을 생성하면 됩니다.

document.getElementById('statusCheck').addEventListener('click', () => console.log('window.navigator.onLine is ' + window.navigator.onLine));

위 내용은 JavaScript에서 오프라인 인터넷 연결 상태를 어떻게 감지할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.