2019년 9월 27일 금요일

JavaScript를 이용하여 현재 브라우저의 종류 알아내기

브라우저가 어떤 종류인지를 확인하는 자바스크립트 코드이다.
jQuery에서 $.browser.chrome과 같은 방식은 deprecated되었기 때문에 아래와 같은 방식으로
확인할수 있다.
아래 코드는 브라우저가 크롬인지를 확인하는 코드이다.
다른 브라우저 체크도 원리는 동일하다.

var userAgent = window.navigator.userAgent.toLowerCase();

//크롬일 경우 isChrome에는 Chrome이라는 문잘의 위치 값이 반환되고 크롬이 아닐경우는
//-1이 반환된다. 나머지도 동일
var isChrome = userAgent.indexOf('chrome');
var isEdge = userAgent.indexOf('edge');
var isIE = userAgent.indexOf('trident');

if(isChrome > -1){
if(isEdge > -1){
//Edge는 Chrome과 Edge 모두의 값을 가지고 있기 때문에
alert("Edge 브라우저");
} else {
alert("Chrome 브라우저");
}
} else {
alert("Chrome이 아닙니다");
}