웹 개발을 하다 보면 클라이언트(사용자) 환경에서 실행 중인 브라우저의 종류와 버전을 확인해야 하는 경우가 있습니다. 자바스크립트에서는 navigator 객체가 제공하는 appVersion 또는 userAgent 속성 값을 분석하여 브라우저 버전 정보를 얻을 수 있습니다.
navigator.appVersion 사용하기
navigator.appVersion은 브라우저의 버전 및 플랫폼 관련 정보를 문자열 형태로 반환합니다. 아래 예제처럼 간단하게 콘솔에 출력하여 확인할 수 있습니다.
예제 코드
console.log(navigator.appVersion)
출력 결과
위 코드를 실행하면 사용 중인 브라우저와 해당 버전에 따라 다음과 같은 결과가 출력됩니다.
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.90 Safari/537.36
navigator.userAgent 사용하기
navigator.userAgent는 브라우저가 HTTP 요청 시 전송하는 User-Agent 헤더와 동일한 전체 식별 문자열을 반환합니다. 이 값에는 운영체제, 렌더링 엔진, 브라우저 이름과 버전 정보가 모두 포함되어 있어 더 상세한 정보를 파악할 수 있습니다.
console.log(navigator.userAgent)
참고 사항
User-Agent 문자열은 브라우저마다 표기 형식이 다르며, 일부 브라우저는 호환성을 위해 다른 브라우저의 이름을 포함하기도 합니다(예: 크롬의 문자열에 'Safari'가 포함됨). 따라서 특정 기능의 지원 여부를 판단하려면 User-Agent 스니핑보다는 기능 탐지(feature detection) 방식을 사용하는 것이 더 안정적입니다.