[JavaScript] 자바스크립트로 네트워크 연결 확인하기

1. 문법

navigation.onLine

- 브라우저의 온라인 여부 반환 (네트워크 연결상태 여부)

- 읽기 전용(read-only) 속성

 

2. 브라우저 지원

mdn 사이트 참조

3. 예제 코드

if(navigator.onLine == true)
{
  var txt = "";
  txt += "Browser CodeName: " + navigator.appCodeName + "\n";
  txt += "Browser Name: " + navigator.appName + "\n";
  txt += "Browser Version: " + navigator.appVersion + "\n";
  txt += "Cookies Enabled: " + navigator.cookieEnabled + "\n";
  txt += "Browser Language: " + navigator.language + "\n";
  txt += "Browser Online: " + navigator.onLine + "\n";
  txt += "Platform: " + navigator.platform + "\n";
  txt += "User-agent header: " + navigator.userAgent + "\n";
  txt += "User-agent header: " + navigator.product + "\n";
  console.log(txt);
}

4. 속성

appCodeName  //코드명

appName //브라우저명

appVersion //버전확인

cookieEnabled //쿠기 사용가능 여부

language //사용되는 언어

onLine //브라우저가 온라인상태인지

platform //플랫폼 정보

userAgent //서버에 전달되는 user-agent 정보

product //브라우저가 사용한 엔진

 

5. 3번 크롬에서 실행한 화면

Browser CodeName: Mozilla
Browser Name: Netscape
Browser Version: 5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36
Cookies Enabled: true
Browser Language: ko-KR
Browser Online: true
Platform: Win32
User-agent header: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36
User-agent header: Gecko

 

 

mdn - Navigator.onLine 에서 참조하였습니다.