navigator 객체
navigator 객체에는 웹 브라우저의 버전을 비롯해 플러그인 설치 정보나 온오프라인 등의 여러 정보가 담겨 있음. 이 정보는 사용자가 수정할 수 없으며, 가져와서 보여줄 수만 있음.
웹 브라우저와 렌더링 엔진
- 여러 웹 브라우저를 고려할 때 가장 먼저 생각해야 할 분야는
렌더링 엔진임. 아직 표준화되지 않은 CSS 속성 앞에는브라우저 벤더를 의미하는프리픽스(prefix)를 지정함. 이렇게 지정하는 이유는 웹 브라우저마다 HTML이나 CSS를 해석하는렌더링 엔진(rendering engine)이 다르기 때문임. 웹 브라우저는 웹 문서를 불러오면 내장된 렌더링 엔진에서 소스를 해석함. 이때 웹 브라우저마다 사용하는 렌더링 엔진이 아르므로 프리필스를 붙여 브라우저를 구별하는 것임.- 렌더링 엔진은 레이아웃 엔진(layout engine)이라고도 함.
- 마찬가지로 웹 브라우저마다 내장된 자바스크립트 엔진도 서로 다름. 그래서 똑같은 HTML5 기술을 사용해서 만든 사이트에 접속하더라도 웹 브라우저에서 보여 주는 효과와 성능은 다를 수 있음.
- 크롬 브라우저의 주소 표시줄에
chrome://version/을 입력해보면 현재 사용하는 렌더링 엔진과 버전을 알 수 있음.
| 브라우저 | 렌더링 엔진 | 자바스크립트 엔진 |
|---|---|---|
| 크롬(Chrome) | 블링크(Blink) | V8 |
| 파이어폭스(Firefox) | 게코(Gecko) | 스파이더몽키(SpiderMonkey) |
| 인터넷 익스플로러(Internet Explorer) | 트라이덴트(Trident) | 차크라(Chakra) |
| 사파리(Safari) | 웹킷(Webkit) | 자바스크립트코어(JavascriptCore) |
| 오페라(Opera) | 블링크(Blink) | V8 |
userAgent프로퍼티 알아보기
userAgent: 사용자 에이전트 문자열을 의미. 사용자의 웹 브라우저 정보를 서버에 보낼 때 사용함. 사용자의 웹 브라우저 버전, 자바스크립트의 엔진 종류 등 여러 정보가 들어있기 때문에 서버에서 사용자에게 맞는 웹 페이지를 보여줄 수 있음.
- 사용자 에이전트 문자열
Mozilla/x.x: 모질라 버전을 나타냄.Windows NT x.x: 브라우저를 실행하는 컴퓨터 운영체제를 나타냄.Win64; x64: 윈도우 64비트 기반을 나타냄.WOW64: 윈도우64비트 기반을 나타냄.Trident/x.x: 트라이덴트 엔진 버전을 나타냄.rv : x.x: 브라우저 버전을 나타냄.AppleWebKit/x.x: 웹킷 엔진의 빌드 번호를 나타냄.KHTML: 오픈소스 렌더링 엔진인 KHTML을 의미함.like Gecko: 게코 기반의 다른 브라우저와 호환을 믜아함.Firefox/x.x: 파이어폭스 브라우저 버전을 나타냄.Chrome/x.x: 크롬 버전을 나타냄.Safari/x.x: 사파리 브라우저의 빌드 번호를 나타냄.
navigator 객체 정보 살펴보기
- 크롬 브라우저에서
Ctrl + Shift + J를 눌러 콘솔창을 열고navigator를 입력한 후enter
navigator객체의 주요 프로퍼티cookieEnabled: 쿠키 정보를 무시하면 false, 허용하면 true를 반환getlocation: 모바일 기기를 이용한 위치 정보를 나타냄.language: 브라우저 UI의 언어 정보를 나타냄.oscpu: 현재 운영체제 정보를 나타냄.userAgent: 현재 브라우저 정보를 담고 있는 사용자 에이전트 문자열
history 객체
브라우저에서 [뒤로] 나 [앞으로] 또는 주소 표시줄에 입력해서 방문한 사이트 주소가 배열 형태로 저장됨. 브라우저 히스토리는 보안 문제 때문에 읽기 전용.
-
history객체의 프로퍼티length: 현재 브라우저 창의 history 목록에 있는 항목의 개수, 즉 방문한 사이트 개수가 저장됨.
-
history객체의 메서드back(): history 목록에서 이전 페이지를 현재 화면으로 불러옴.forward(): history 목록에서 다음 페이지를 현재 화면으로 불러옴.go(): history 목록에서 현재 페이지를 기준으로 상대적인 위치에 있는 페이지를 현재 화면으로 불러옴.
