Navigator 객체란 무엇인가?
자바스크립트에서 navigator 객체는 사용자가 사용 중인 브라우저와 운영체제에 대한 다양한 정보를 제공합니다. 이 객체를 활용하면 방문자의 브라우저 종류, 버전, 언어 설정, 지원 플러그인 등을 확인할 수 있어 브라우저 호환성 처리나 사용자 환경에 맞는 맞춤형 기능 구현에 매우 유용합니다.
웹 페이지에서 사용할 수 있는 주요 Navigator 관련 속성은 다음과 같습니다.
| 번호 | 속성 및 설명 |
|---|---|
| 1 | appCodeName 브라우저의 코드명을 담고 있는 문자열입니다. 예를 들어 대부분의 브라우저에서 하위 호환성을 위해 "Mozilla" 값을 반환합니다. |
| 2 | appVersion 브라우저의 버전 정보와 함께 언어, 호환성 등 유용한 부가 정보를 포함하는 문자열입니다. |
| 3 | language 브라우저에서 사용 중인 언어를 나타내는 두 글자 약자(예: "ko", "en")를 담고 있습니다. 주로 넷스케이프 계열 브라우저에서 지원됩니다. |
| 4 | mimeTypes[] 클라이언트가 지원하는 모든 MIME 타입을 담고 있는 배열입니다. 넷스케이프 전용 속성입니다. |
| 5 | platform 브라우저가 컴파일된 운영체제 플랫폼 정보를 담고 있는 문자열입니다. 예를 들어 32비트 윈도우 운영체제에서는 "Win32" 값을 반환합니다. |
| 6 | plugins[] 클라이언트에 설치된 모든 플러그인 정보를 담고 있는 배열입니다. 넷스케이프 전용 속성입니다. |
| 7 | userAgent 브라우저의 코드명과 버전 정보를 담고 있는 문자열입니다. 이 값은 서버가 클라이언트를 식별할 수 있도록 요청 시 원래 서버로 전송됩니다. |
활용 예시
다음과 같이 간단한 코드로 사용자의 브라우저 정보를 확인할 수 있습니다.
document.write("브라우저 코드명: " + navigator.appCodeName + "
");
document.write("브라우저 버전: " + navigator.appVersion + "
");
document.write("사용 언어: " + navigator.language + "
");
document.write("플랫폼: " + navigator.platform);
이처럼 navigator 객체의 속성들을 활용하면 방문자의 브라우저 환경을 파악하여 보다 안정적이고 최적화된 웹 페이지를 제공할 수 있습니다.