자바스크립트 브라우저 버전 감지(navigator.userAgent)

브라우저 종류 확인

 

navigator.userAgent

var agent = navigator.userAgent.toLowerCase();

if(agent.indexOf('Trident')>-1){
	alert("IE");
}else if(agent.indexOf('safari')>-1){  
	alert("사파리");  
}else if(agent.indexOf('chrome')>-1){
	alert("크롬");
}else if(agent.indexOf('firefox')>-1){
	alert("파이어폭스");
}else if(agent.indexOf('opera')>-1){
	alert("오페라");
}

 

 

 

navigator 객체

브라우저의 종류와 버전 등 웹브라우저 전반에 대한 정보를 제공하는 객체(출처)

 

프로퍼티

• navigator.appName : 브라우저의 간단한 이름

• navigator.appVersion : 버전 또는 버전과 관련된 정보. 브라우저 내부적으로 사용되는 버전에 대한 숫자이므로 사용자에게 표시되는 버전 숫자와 항상 일치하지는 않다.

• navigator.userAgent : 브라우저가 User-Agent HTTP 헤더에 넣어 전송하는 문자열로 appName과 appVersion의 모든 정보를 포함하며 더 자세한 정보를 추가로 담고 있다. 이 정보에 대해서는 표준화된 서식이 존재하지 않기 때문에 각 브라우저 특성에 따라 파싱해야 한다.

• navigator.appCodeName : 브라우저의 코드 네임. Netscape에서는 "Mozilla"라는 코드 네임을 사용한다. 호환성을 위해 IE도 역시 같은 코드 네임을 사용한다. 

• navigator.platform : 브라우저가 실행되는 하드웨어 플랫폼으로 javascript 1.2 버전부터 지원한다.

 

 

 

 

Common browsers User Agent strings (출처)

 

브라우저	예제
Mozilla (Gecko, Firefox)	Mozilla/5.0 (Android; Mobile; rv:13.0) Gecko/13.0 Firefox/13.0
WebKit-based (Android, Safari)	Mozilla/5.0 (Linux; U; Android 4.0.3; de-ch; HTC Sensation Build/IML74K) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30
Blink-based (Chromium, Google Chrome, Opera 15+)	Mozilla/5.0 (Linux; Android 4.4.2); Nexus 5 Build/KOT49H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.117 Mobile Safari/537.36 OPR/20.0.1396.72047
Presto-based (Opera 12-)	Opera/9.80 (Android 2.3.3; Linux; Opera Mobi/ADR-1111101157; U; es-ES) Presto/2.9.201 Version/11.50
Internet Explorer	Mozilla/5.0 (compatible; MSIE 9.0; Windows Phone OS 7.5; Trident/5.0; IEMobile/9.0)