브라우저 종류에 따라서 프로그래밍을 따로 해야하는 경우가 있다.
자바스크립트를 이용하여 사용하고 있는 브라우저 종류를 확인하는 스크립트를 이용해보도록 하자.
var agent = navigator.userAgent.toLowerCase();
var name = navigator.appName;
var browser;
if(name === 'Microsoft Internet Explorer' || agent.indexOf('trident') > -1 || agent.indexOf('edge/') > -1) {
borwser = 'IE';
}
} else if(agent.indexOf('safari') > -1) { // Chrome or Safari
if(agent.indexOf('opr') > -1) { // Opera
browser = 'opera';
} else if(agent.indexOf('chrome') > -1) { // Chrome
browser = 'chrome';
} else { // Safari
browser = 'safari';
}
}
else if(agent.indexOf('firefox') > -1) { // Firefox
browser = 'firefox';
}
위의 소스를 이용해서 브라우저가 어떤 종류의 브라우저를 사용하고 있는지 확인이 가능하다.
그리고 각 브라우저에 따라서 div를 다르게 사용하고 싶다면
위의 깃에 있는 js를 사용해보길 추천한다.
'Js' 카테고리의 다른 글
윈도우에서 node.js 설치 및 실행확인 (0) | 2017.01.03 |
---|