기본 콘텐츠로 건너뛰기

라벨이 크로스브라우징인 게시물 표시

JavaScript로 브라우저 종류·IE 버전 체크하기 – userAgent 완벽 정리

FRONTEND / LEGACY SUPPORT JavaScript로 브라우저 종류 & IE 버전 체크하기 (userAgent 활용) 레거시 웹 프로젝트 유지보수를 위한 필수 가이드. navigator.userAgent를 분석하여 IE 버전별 분기 처리와 최신 브라우저를 구분하는 JavaScript 실무 코드를 정리했습니다. 📑 목차 1. 브라우저 & IE 버전 체크 함수 전체 코드 2. IE 버전 체크 로직 자세히 보기 3. 크롬, 파이어폭스 등 다른 브라우저 구분 4. 사용 예시: 브라우저에 따라 코드 분기 처리 5. userAgent 기반 브라우저 체크 시 주의사항 6. 정리 1. 브라우저 & IE 버전 체크 함수 전체 코드 먼저, 사용자 브라우저를 문자열로 반환하는 함수를 하나로 정리해보겠습니다. 이 함수는 IE, Chrome, Firefox 등 다양한 브라우저 환경을 식별하는 데 사용됩니다. function getBrowserName() { var _ua = navigator.userAgent; var rv = -1; // ------------------------- // 1) IE 11, 10, 9, 8 체크 (Trident 기반) // ------------------------- var trident = _ua.match(/Trident\/(\d\.\d)/i); if (trident !== null) { if (trident[1] === "7.0") return "IE11"; if (trident[1] === "6.0") return ...