[BOM] JS - Window Navigator 객체 - 브라우저객체 (= 네이게이터객체 = Navigator객체 = 브라우저정보)

 

방문자의 브라우저에 대한 정보 포함. 

 

---

 

PS. 

window 접두사 없이 사용 가능.

(예)

navigator.appName

navigator.appCodeName

navigator.platform

 

 

window.navigator.cookieEnabled

 

---

 

1.

브라우저의 쿠키 활성화 여부 반환.

 

2.

쿠키 활성화 된 경우, TRUE 반환.

쿠키 비활성화 된 경우, FALSE 반환.

 

3.

window 접두어 생략 가능.

 

---

 

<p id="demo"></p>

<script>

document.getElementById("demo").innerHTML = navigator.cookieEnabled;

</script>

 

결과보기

Browser Application Name - 브라우저 응용프로그램 이름

 

window.navigator.appName

 

---

 

1.

브라우저의 응용 프로그램 이름 반환.

 

2.

Netscape : 「IE11, Chrome, Firefox, Safari」브라우저의 응용 프로그램 이름.

 

3.

window 접두어 생략 가능.

---

 

<p id="demo"></p>

<script>

document.getElementById("demo").innerHTML = navigator.appName;

</script>

 

결과보기

Browser Application Code Name - 브라우저 응용프로그램 코드 이름

 

window.navigator.appCodeName

 

---

 

1.

브라우저의 응용프로그램 코드 이름 반환.

 

2.

Mozilla : 「Chrome, Firefox, IE, Safari, Opera」브라우저의 응용프로그램 코드 이름.

3.

window 접두어 생략 가능.

 

---

 

<p id="demo"></p>

<script>

document.getElementById("demo").innerHTML = navigator.appCodeName;

</script>

 

결과보기

Browser Engine - 브라우저 엔진

 

window.navigator.product

 

---

 

1.

브라우저 엔진의 제품 이름 반환.

 

2.

Gecko: 대부분 브라우저. (따라서, 별로 유용하지 않음.)

3.

window 접두어 생략 가능.

 

---

 

<p id="demo"></p>

<script>

document.getElementById("demo").innerHTML = navigator.product;

</script>

 

결과보기

Browser Version - 브라우저 버전

 

window.navigator.appVersion

 

---

 

1.

브라우저 버전 정보 반환.

 

2.

결과값 예제:
5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 Safari/537.36

3.

window 접두어 생략 가능.

 

---

 

<p id="demo"></p>

<script>

document.getElementById("demo").innerHTML = navigator.appVersion;

</script>

 

결과보기

Browser Agent - 브라우저 에이전트

 

window.navigator.userAgent

 

---

 

1. 

브라우저가 서버로 보낸 사용자 에이전트 헤더를 반환.

 

2.

결과값 예제:
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 Safari/537.36

3.

window 접두어 생략 가능.

 

---

 

<p id="demo"></p>

<script>

document.getElementById("demo").innerHTML = navigator.userAgent;

</script>

 

결과보기

경고 !!!

 

navigator 객체 정보는 아래 이유로 인해 틀린 정보일 수 있으니 주의.

1. 다른 브라우저인데도 같은 이름 사용 가능.

2. navigator 데이터는 브라우저 소유자가 변경 가능.

3. 일부 브라우저는 자신의 정보를 속여, 사이트 테스트를 우회함.

4. 브라우저는 브라우저보다 나중에 나온 새로운 운영 체제를 보고 할 수 없음.

 

Browser Platform - 브라우저 플랫폼 (= 운영체제)

 

window.navigator.platform

 

---

 

1. 

브라우저 플랫폼 (운영체제) 반환.

 

2.

결과값 예제:

Win32

 

3.

window 접두어 생략 가능.

 

---

 

<p id="demo"></p>

<script>

document.getElementById("demo").innerHTML = navigator.platform;

</script>

 

결과보기

Browser Language - 브라우저 언어

 

window.navigator.language

 

---

 

1. 

브라우저 언어 반환.

 

2.

결과값 예제: 

ko-KR

 

3.

window 접두어 생략 가능.

 

---

 

<p id="demo"></p>

<script>

document.getElementById("demo").innerHTML = navigator.language;

</script>

 

결과보기

Browser Online - 브라우저 온라인

 

window.navigator.onLine

 

---

 

1. 

브라우저 온라인 상태 여부 반환.

 

2.

결과값 예제: 

온라인 상태: TRUE 반환

오프라인 상태: FALSE 반환.

 

3.

window 접두어 생략 가능.

 

---

 

<p id="demo"></p>

<script>

document.getElementById("demo").innerHTML = navigator.onLine;

</script>

 

결과보기

Java 사용여부 확인

 

window.navigator.javaEnabled()

 

---

 

1. 

JAVA를 사용하는지 여부 반환.

 

2.

사용 O : TRUE 반환

사용 X : FALSE 반환.

 

3.

window 접두어 생략 가능.

 

---

 

<p id="demo"></p>

<script>

document.getElementById("demo").innerHTML = navigator.javaEnabled();

</script>

 

결과보기