JavaScript는 어떻게 인터넷 연결 상태를 감지하고 모니터링할 수 있습니까?

JavaScript에서 인터넷 연결 상태 모니터링

오프라인 인터넷 연결을 감지하는 것은 일관된 네트워크 액세스가 필요한 웹 애플리케이션에 매우 중요합니다. JavaScript에서 window.navigator.onLine 속성과 관련 online 및 offline 이벤트는 연결 상태를 모니터링하는 편리한 방법을 제공합니다.

오프라인 상태 감지:

오프라인 상태를 감지하려면 다음을 수행하세요. 사용자가 인터넷에 연결되어 있는지 여부를 나타내는 부울 값을 반환하는 window.navigator.onLine 속성에 액세스합니다.

window.addEventListener:

window.addEventListener를 사용하여 온라인과 오프라인 이벤트를 만나보세요. 연결이 온라인에서 오프라인으로 변경되면 오프라인 이벤트가 트리거되고 그 반대의 경우도 마찬가지입니다.

코드 예:

다음 코드 조각은 설명합니다. 이러한 방법을 사용하는 방법:

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는 어떻게 인터넷 연결 상태를 감지하고 모니터링할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!