[js] BOM navigator객체 웹으로 어디까지 디바이스 정보를 가지고 올 수 있을까? 자주 사용하는 속성 위주

728x90

객체의 종류 중 BOM(Browser Object Model) 객체?

브라우저 관련 객체이다.

BOM은 전부 소문자로 사용해야만 한다.

BOM객체의 종류에는

브라우저 공급자 BOM()및 버전 정보 등을 포함한 브라우저에 대한 다양한 정보를 저장하는 객체입니다.

navigator객체는 window.navigator로 접근 할 수 있습니다. (window는 생략가능)

종류	설명	결과값 예시
navigator.appCodeName	브라우저의 코드명을 반환합니다.	'Mozilla'
navigator.appName	브라우저의 이름을 반환합니다.	Netscape
navigator.appVersion	브라우저의 버전을 반환합니다.	'5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36'
navigator.cookieEnabled	브라우저의 쿠키 사용 가능 여부를 반환합니다.	true
navigator.language	브라우저에서 사용되는 언어를 반환합니다.	'ko-KR'
navigator.onLine	브라우저가 온라인인지 여부를 반환합니다.	true
navigator.platform	브라우저가 실행되는 플랫폼 정보를 반환합니다.	'Win32'
navigator.product	브라우저에서 사용되는 엔진 이름을 반환합니다.	'Gecko'
navigator.userAgent	브라우저와 운영체제 정보를 반환합니다.	'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36'
navigator.connection	장치의 네트워크 연결 정보를 담은 NetworkInformation 객체를 반환합니다.	NetworkInformation {onchange: null, effectiveType: '4g', rtt: 100, downlink: 10, saveData: false}

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

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

※ 크롬에서 테스트해본 결과입니다.

728x90

캘리포니아전자두뇌