브라우저 객체 모델(BOM) 이해하기: Navigator 객체
웹 개발을 하면서 브라우저 객체 모델(Browser Object Model, BOM)의 여러 가지 객체를 활용하게 됩니다. 이번 글에서는 BOM의 중요한 구성 요소 중 하나인 Navigator 객체에 대해 알아보겠습니다. Navigator 객체는 웹 브라우저의 정보를 제공하며 이를 활용해 웹 페이지의 호환성 및 최적화를 도모할 수 있습니다.
▼ 브라우저 객체 모델의 계층 구조
1. Navigator 객체의 주요 속성과 메서드
▼ Navigator 객체의 주요 속성과 메서드
| 속성/메서드 | 설명 |
|---|---|
| 속성 | |
| appName | 브라우저의 이름을 반환합니다. |
| appVersion | 브라우저의 버전 정보를 반환합니다. |
| userAgent | 브라우저의 사용자 에이전트 문자열을 반환합니다. |
| platform | 사용자의 운영 체제를 반환합니다. |
| language | 사용자의 브라우저 언어 설정을 반환합니다. |
| 메서드 | |
| javaEnabled() | 브라우저가 Java를 지원하는지 여부를 반환합니다. |
| cookieEnabled() | 브라우저에서 쿠키 사용이 가능한지 여부를 반환합니다. |
| geolocation | 사용자의 위치 정보를 가져오는 기능을 제공합니다. |
2. 예제 코드
1. 사용 예제 코드
// 브라우저 정보 출력
console.log("Browser name: " + navigator.appName);
console.log("Browser version: " + navigator.appVersion);
console.log("User agent: " + navigator.userAgent);
console.log("Platform: " + navigator.platform);
console.log("Language: " + navigator.language);
// Java 지원 여부 출력
console.log("Java enabled: " + navigator.javaEnabled());
// 쿠키 사용 가능 여부 출력
console.log("Cookie enabled: " + navigator.cookieEnabled);
2. 실행 결과 화면
3. 주의 사항 및 브라우저 호환성
Navigator 객체는 모든 주요 브라우저에서 지원되지만 일부 속성과 메서드는 브라우저 버전에 따라 다르게 동작할 수 있습니다. 따라서 브라우저 호환성을 고려해 웹 페이지를 최적화하는 것이 중요합니다.
☞ 이 글에서는 BOM의 Navigator 객체에 대해 간략하게 알아보았습니다. 다음 글에서는 BOM의 다른 객체인 Screen 객체에 대해 알아볼 예정입니다.
자바스크립트 기초 이전 게시물
- 브라우저 객체 모델(BOM) 기본 개념 및 구성요소 알아보기
- window 객체: 알림(alert), 확인(confirm), 프롬프트(prompt) 사용 예제
- window 객체 타이머 관리: setTimeout과 setInterval 사용 예제
- window.open: POST 방식으로 웹 브라우저의 새 창 또는 탭 열기
- window 객체: 브라우저 창 크기와 위치 조절 사용 예제
- 브라우저 객체 모델(BOM) 이해하기: Location 객체
- 브라우저 객체 모델(BOM) 이해하기: History 객체
이 글이 도움이 되셨다면 공유를 부탁 드립니다. 다음 글에서 뵙겠습니다!
