본문으로 바로가기

Browser OS Check By Easy Version

category Frontend/Javascript 2020. 5. 22. 16:37
반응형
// includes는 IE에서 동작하지 않아서 indexOf를 사용
var userAgent = window.navigator.userAgent;
var isChrome = userAgent.indexOf('Chrome');
var isChromeMobile = userAgent.indexOf('CriOS');
var isSamsungBrowser = userAgent.indexOf('SamsungBrowser');
var isWindows = userAgent.indexOf('Windows NT');
var isEdge = userAgent.indexOf('Edge');
var isIE = userAgent.indexOf('Trident');

// 크롬 브라우저 체크
if(isChrome > -1 || isChromeMobile > -1){
	if(isSamsungBrowser < 0 && isEdge < 0){
		$('body').css('background', 'yellow');
	}
}

// for demo page
var checkList = [userAgent, isChrome, isChromeMobile, isSamsungBrowser, isWindows, isEdge, isIE];

$('h1 span').text(checkList[0]);

checkList.forEach(function(item, index) {	
  if(item > -1){
		item = true;
		$('li:nth-child('+index+') span').text(item);
		$('li:nth-child('+index+')').css({'background': '#193491', 'color': '#fff'});
	}
	else {
		item = false;
		$('li:nth-child('+index+') span').text(item);
	}
});
반응형