JavaScript는 어떻게 인터넷 연결 끊김을 감지하고 처리할 수 있습니까?

JavaScript에서 인터넷 연결 끊김을 감지하는 방법

사용자의 온라인 상태를 아는 것은 안정적이고 응답성이 뛰어난 사용자 경험을 제공하는 데 중요합니다. JavaScript는 인터넷 연결이 끊어졌을 때 이를 감지하는 여러 가지 방법을 제공합니다.

가장 널리 지원되는 방법은 window.navigator.onLine 속성을 ​​사용하는 것입니다. 이 속성은 현재 온라인 상태를 나타내는 부울 값을 반환합니다. 연결이 설정되면 true를 반환합니다. 그렇지 않으면 false를 반환합니다.

온라인 상태의 변화를 모니터링하려면 window 개체에 의해 트리거되는 online 및 offline 이벤트를 수신할 수 있습니다. 이러한 이벤트는 각각 연결이 복원되거나 끊어졌을 때 실행되는 콜백 기능을 제공합니다.

예제 코드:

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

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

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

인터넷 연결이 끊어진 것을 감지하면 오프라인 상태인 경우 오류 메시지를 표시하거나 대체 콘텐츠를 제공하는 등 상황을 처리하기 위한 적절한 조치를 구현할 수 있습니다. 이러한 JavaScript 기술을 활용하면 사용자의 인터넷 연결 변화를 효과적으로 모니터링하고 대응할 수 있습니다.

위 내용은 JavaScript는 어떻게 인터넷 연결 끊김을 감지하고 처리할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!