on
javascript 자바스크립트 사용자 브라우저 확인하기
javascript 자바스크립트 사용자 브라우저 확인하기
웹사이트를 개발하다보면 항상 무서운 일이 있다. 사용자들은 QA 팀보다도 강한 것 같다... 어떻게든 오류를 찾아내고 만든다. 일반적인 웹사이트라면 그다지 코어한 이슈는 아닐 지 몰라도, 결제가 들어가게 되는 순간 브라우저 이슈는 정말 무서운 이슈로 바뀌게 되는것이다...
한국 고객들을 상대로 웹사이트를 개발하면서 가장 두려웠던 브라우저... 익스플로러...
무섭게 생긴거 봐..
일단 얘 띠껍죠? 그러면 내가 만든 이 웹앱이 로드가 되는 순간 브라우저를 체크해서 인터넷 익스플로러면 팝업을 띄우던, 못들어가게 하던 하자고. 그러면 일단 이놈을 막을 코드를 준비해야지
Angular typescript를 사용중입니다. 하여튼 비슷하게 가니까 참고
checkBrowser() {
const isMobile = {
Android: function () {
return navigator.userAgent.match(/Android/i);
},
BlackBerry: function () {
return navigator.userAgent.match(/BlackBerry/i);
},
iOS: function () {
return navigator.userAgent.match(/iPhone|iPad|iPod/i);
},
Opera: function () {
return navigator.userAgent.match(/Opera Mini/i);
},
Windows: function () {
return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i);
},
any: function () {
return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
}
};
if(isMobile.any()){
if ((navigator.userAgent.indexOf("Opera") || navigator.userAgent.indexOf('OPR')) != -1) {
this.browser = 'Opera, mobile';
}
else if (navigator.userAgent.indexOf("Chrome") != -1) {
this.browser = 'Chrome, mobile';
}
else if (navigator.userAgent.indexOf("Safari") != -1) {
this.browser = 'Safari, mobile';
}
else if (navigator.userAgent.indexOf("Firefox") != -1) {
this.browser = 'Firefox, mobile';
}
else {
this.browser = 'Explorer or unknown, mobile';
}
}else {
if ((navigator.userAgent.indexOf("Opera") || navigator.userAgent.indexOf('OPR')) != -1) {
this.browser = 'Opera, PC';
}
else if (navigator.userAgent.indexOf("Chrome") != -1) {
this.browser = 'Chrome, PC';
}
else if (navigator.userAgent.indexOf("Safari") != -1) {
this.browser = 'Safari, PC';
}
else if (navigator.userAgent.indexOf("Firefox") != -1) {
this.browser = 'Firefox, PC';
}
else {
this.browser = 'Explorer or unknown, PC';
}
}
}
이런 식으로 체크를 하면 된다. 깔끔하게 switch case 로 쓰고 싶었지만 일단 급한대로 이렇게 ㄱㄱ
from http://kyurasi.tistory.com/51 by ccl(S) rewrite - 2021-08-09 10:00:33