JavaScript에서 인터넷 연결을 어떻게 감지할 수 있습니까?

JavaScript에서 인터넷 연결 감지

웹 애플리케이션 개발의 필수 측면 중 하나는 다음과 같이 사용자가 인터넷에 액세스할 수 있는지 여부를 확인하는 것입니다. 이는 애플리케이션의 기능에 큰 영향을 미칠 수 있습니다. JavaScript에는 인터넷 연결의 가용성을 확인하는 여러 가지 방법이 있습니다.

가장 널리 지원되는 방법은 window.navigator.onLine 속성을 사용하는 것입니다. 이 속성은 사용자가 온라인이면 true, 오프라인이면 false인 부울 값을 반환합니다. 또한 연결 상태가 변경되면 온라인 및 오프라인 창 이벤트가 시작되어 보다 반응적인 접근 방식을 제공합니다.

window.navigator.onLine의 사용법을 보여주기 위해 다음 코드 조각을 고려하세요.

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));

이 스니펫에서는 현재 연결 상태를 나타내는 초기 메시지를 출력하고 이벤트 리스너를 추가하여 온라인 및 오프라인 이벤트를 처리하여 콘솔에서 해당 메시지를 트리거합니다. 또한 window.navigator.onLine 속성을 수동으로 확인할 수 있도록 버튼 요소가 추가되었습니다.

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