본문으로 바로가기

[JavaScript (16)] Javascript Navigator, Screen 객체

category 3. 웹개발/3_2_1 Javascript 2020. 4. 13. 23:14
반응형

[JavaScript (16)] Javascript Navigator, Screen 객체

안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 자바스크립트 윈도우 객체 - 네비게이터, 스크린 객체 입니다. : ) 

 

 

▶ 1. Navigator 객체

 - 네비게이터 객체는 브라우저 공급자, 버전 정보 등 브라우저에 대한 다양한 정보를 가지고 있다.

▶ 2. Navigator 객체 속성

 - appCodeName : 브라우저의 코드 네임을 반환한다.
 - appName : 브라우저의 이름을 반환한다.
ex)

// 익스플로러 10v이하, 크롬, 파이어폭스, 사파리, 오페라 모두 브라우저 Mozilla
console.log(navigator.appCodeName); // Mozilla

// 익스플로러 11v, 크롬, 파이어폭스와 사파리는 모두 "Netscape"
console.log(navigator.appName); // Netscape

 - appVersion : 브라우저의 버전 정보를 반환한다.
 - userAgent : 브라우저가 서버로 보낸 user-agent 헤더 값을 반환한다.
 - cookieEnabled : 브라우저에서 쿠기가 가능한지 확인한다.
 - geolocation : 사용자의 위치를 찾는데 사용되는 Geolocation 객체를 반환한다.
 - language : 브라우저의 언어를 반환한다.
 - onLine : 브라우저가 온라인인지 여부를 확인한다.
 - platform : 브라우저의 플랫폼을 반환한다.
 - product : 브라우저의 엔진 이름을 반환한다.

▶ 3. Navigator 객체 메서드

 - javaEnabled() : 브라우저에서 자바가 가능한지 확인

▶ 4. Screen 객체

 - Screen 객체는 사용자의 스크린에 대한 다양한 정보를 가지고 있다.

▶ 5. Screen 객체 속성

 - height : 현재 사용자 모니터 화면의 총 높이를 반환한다.(pixel)
   (참고 : window.outerHeight : 현재 브라우저 창의 높이 반환)
 - width : 현재 사용자 모니터 화면의 총 너비를 반환한다.(pixel)
   (참고 : window.outerWidth : 현재 브라우저 창의 너비 반환)
 - availHeight : 스크린의 높이를 반환 한다. (Window 작업표시줄(Taskbar) 제외)
 - availWidth : 스크린의 너비를 반환 한다. (Window 작업표시줄(Taskbar) 제외)
 - colorDepth : 이미지를 표시하는 컬러 파레트의 비트의 깊이를 반환한다. (픽셀당 비트 수)
 - pixelDepth : 스크린의 컬러 해상도를 반환한다.(IE9 이하 미지원, colorDepth와 같은 기능)

반응형

댓글을 달아 주세요