반응형
// 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);
}
});
반응형
'Frontend > Javascript' 카테고리의 다른 글
두 날짜 일수 계산 & 주말 제외 일수 계산 (0) | 2020.08.04 |
---|---|
cors jsonp 형식으로 ajax 처리하기 (0) | 2020.07.18 |
비밀번호 검사 (0) | 2020.05.19 |
new Date or timestamp -> "YYYY-MM-DD HH:ii:ss" 만들기 (0) | 2020.05.10 |
JS Redux (0) | 2020.05.05 |