Javascript 브라우저 종류 확인하는 방법(Check Browser Type)

■ Javascript 브라우저 종류 확인하는 방법(Check Browser Type)

Javascript에서 브라우저에 따라 동작을 다르게 하는 소스가 종종 있기 때문에 크롬에서는 되는데 IE에서 되지 않는다는 오류를 종종 접수하게 된다. 이런 오류를 접수하면 어떻게 처리해야하나 고민하게 되는데, 브라우저 종류를 확인하는 script를 사용해서 서로 다른 script로 작동하게 만들면 보다 간편하게 해결할 수 있다. 기본적으로 navigator의 userAgent 값을 이용해서 구분을 하게 된다. 

---

■ 사용 방법

//agent에 브라우저 종류 삽입
var agent = navigator.userAgent.toLowerCase();

if(  (navigator.appName == 'Netscape' 
      && navigator.userAgent.search('Trident') != -1 
      || (agent.indexOf("msie") != -1)  )){
  	alert("IE입니다");
  } else if ( agent.indexOf("chrome") != -1 ) {
  	alert("크롬입니다");
  } else if ( agent.indexOf("safari") != -1 ) {
  	alert("사파리입니다");
  } else if ( agent.indexOf("fireffox") != -1 ) {
  	alert("파이어폭스입니다");
  } 
  

 

IE같은 경우 다른 브라우저와 다르게 긴 편이다. 브라우저 버전에 따라 소스가 다르기 때문이다.

 

IE 11은 다음과 같다.

navigator.appName == 'Netscape' 
&& navigator.userAgent.search('Trident') != -1 

IE 10 버전 이하는 다음과 같다.

(agent.indexof("msie") != -1)  )

따라서 두 가지를 모두 체크하게 된다.