JavaScript

[JavaScript] BOM navigator객체

효니님 2023. 7. 5. 18:38
728x90

BOM (Browser Object Model)

웹브라우저에는 전역 콘텍스트 객체가 존재하는데, 그 객체가 window 객체입니다.

window객체를 이용하는 프로그래밍을 BOM이라고 부릅니다.

 

BOM 객체 종류

- window : BOM의 최상위 객체
- location : 웹 브라우저의 주소표시줄 객체
- screen : 운영체제 화면의 속성을 가진 객체
- history : 방문기록을 가진 객체
- navigator : 브라우저에 대한 정보를 가진 객체
- document : <body></body>

 

navigator객체

- 브라우저나, 운영체제(OS)에 대한 정보가 담겨있다.
- 주로 호환성 문제 등을 위해 사용한다.

- navigator객체는 window.navigator로 접근 가능하며 window는 생략할 수 있다.

 

console.log(navigator);

 

위 명령어는 Navigator 객체의 모든 프로퍼티를 확인할 수 있다.

 

navigator객체 속성

종류 설명 결과값 예시
appCodeName 브라우저의 코드명을 반환.   
appName 브라우저의 이름을 반환.       
appCodeName 브라우저의 코드명을 반환.   
connection 장치의 네트워크 연결 정보를 담은 NetworkInformation 객체를 반환.   NetworkInformation / downlink:6.05 / effectiveType:"4g" / onchange:null / rtt:100 / saveData:false 
cookieEnabled 쿠키 (en-US) 설정을 할 수 있으면 참, 아니면 거짓을 반환. true
language 브라우저에서 사용되는 언어를 반환. “ko-KR”
onLine 브라우저가 온라인인지 여부를 반환. true
platform 브라우저가 실행되는 플랫폼 정보를 반환. “Win32”
product 브라우저에서 사용되는 엔진 이름을 반환. “Gecko”
userAgent 브라우저와 운영체제 정보를 반환. “Mozilla/5.0 (Windows NT 10.0; Win64; x64)AppleWebKit/537.36 (KHTML, like Gecko)Chrome/113.0.0.0 Safari/537.36”

 

👀 익스플로러 11 버전 : 크롬, 파이어폭스와 사파리는 모두 브라우저의 이름을 “Netscape”로 사용.

👀 익스플로러 10 이하 버전 : 크롬, 파이어폭스, 사파리와 오페라 모두 브라우저 코드명을 “Mozilla”로 사용.

 

참고 👉 MDN | Navigator

728x90