자바스크립트 브라우저 종류 버전 체크 ( navigator )

자바스크립트 브라우저 종류 버전 체크 ( navigator )

 

자바스크립트를 navigator  통해 브라우저를 확인할수 있는 방법하고,

버전에 대해서 확인할수 있는 방법에 대해 정리한다.

 

 

1. 브라우저가 IE 인지 체크 하기

 

function isIE(){
  
  return ((navigator.appName === 'Microsoft Internet Explorer') || 
  (navigator.userAgent.indexOf('Trident') > -1) || 
  (navigator.userAgent.indexOf('Edge') > -1));
  
}

console.log(isIE());

 

브라우저가 IE 계열인경우 :  true 

그외 : false

 

 

2. IE 버전을 알고 싶을때

 

1번 isIE() 함수를 함께 이용하여 체크 한다.

 

function isIE(){
  
  return ((navigator.appName === 'Microsoft Internet Explorer') || 
  (navigator.userAgent.indexOf('Trident') > -1) || 
  (navigator.userAgent.indexOf('Edge') > -1));
  
}



function getIeVersion() {

  var version = 0;

  if (isIE()) {  // IE 일 경우만

    if (navigator.appVersion.indexOf("Edge") != -1) {
      version = 12; //  edge는 12 로 지정 
    } else if (navigator.appVersion.indexOf("MSIE 10") > -1) {
      version = 10;
    } else if (navigator.appVersion.indexOf("MSIE 9") > -1) {
      version = 9;
    } else if (navigator.appVersion.indexOf("MSIE 8") > -1) {
      version = 8;
    } else if (navigator.appVersion.indexOf("MSIE 7") > -1) {
      version = 7;
    } else if (navigator.appVersion.indexOf("MSIE 6") > -1) {
      version = 6;
    } else if (navigator.appVersion.indexOf("Trident/7.0") > -1) {
      version = 11;
    } else {
      version = parseInt(navigator.appVersion, 10);
    }
  }

  
  return version;
}

console.log(getIeVersion());

 

 

 

3. 브라우저가 크롬인지 체크 하기

 

function isChrome() {

   return navigator.appVersion.indexOf("Chrome") != -1;
}
 
 
 console.log(isChrome());

 

 

4. navigator 정보

 

아래와 같이 자바스크립트상에서 브라우저의 정보를 제공 받을수 있고, 

그를 통해 브라우저의 종류와 버전을 체크를 할수있다.

 

Chrome 버전 95.0.4638.54(공식 빌드) . 2021-10-27 현재 최신버전

 

navigator.appVersion 정보 Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.54 Safari/537.36 navigator.userAgent 정보 Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.54 Safari/537.36

 

Edge

navigator.appVersion 5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.54 Safari/537.36 Edg/95.0.1020.30 navigator.userAgent Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.54 Safari/537.36 Edg/95.0.1020.30

 

 

IE 11

navigator.appVersion 5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; iftNxParam=1.0.1; Zoom 3.6.0; rv:11.0) like Gecko navigator.userAgent Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; iftNxParam=1.0.1; Zoom 3.6.0; rv:11.0) like Gecko