• 회원가입
  • 로그인
  • 구글아이디로 로그인

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

window.navigator 객체

 

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

 


 

PS. 

window 접두사 없이 사용 가능.

(예)

navigator.appName

navigator.appCodeName

navigator.platform

 


 

Browser Cookie - 브라우저 쿠키 활성화 여부 

 

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>

 

결과보기


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
AJAX JS - AJAX - PHP 아작스 예제 ★ (= 입력제시어 = 입력예제)
AJAX JS - AJAX - ASP 아작스 예제 (= 입력제시어 = 입력예제)
AJAX JS - AJAX - DB 아작스 예제 ★ (= 데이터베이스 정보 가져오기) ※ select 태그 optio…
JSON JS - JSON - Introduction (소개)
JSON JS - JSON - Syntax (구문) ★
JSON JS - JSON - JSON vs XML (언어비교)
JSON JS - JSON - Data Types (데이터타입)
JSON JS - JSON - Object (객체)
JSON JS - JSON - Array (배열)
JSON JS - JSON - JSON.parse() 함수 ★ - (JSON문자열 → JS객체) 변환. (= 웹서버와…
JSON JS - JSON - JSON.stringify() 함수 ★ - (JS객체 → JSON문자열) 변환. ※ P…
JSON JS - JSON - PHP (= 서버연동 = DB연동)
JSON JS - JSON - HTML (= 테이블 및 드롭다운 형태로 출력 + 출력개수선택)
JSON JS - JSON - JSONP (= script 이용한 서버연동)
String JS - String - 문자열
String JS - constructor 속성 - 객체생성자함수반환. (문자열 경우)
String JS - length 속성 ★ - 문자열길이 반환 (= length속성 = 렝스속성) ※ 문자개수/텍스트길이…
String JS - prototype 속성(문자열) - 객체에 사용자정의 속성 및 메서드 추가 (프로토타입)
String JS - charAt() 메서드 ★ - 문자열의 지정 위치 문자. (= charAt메서드) ※ 개별문자에 스…
String JS - charCodeAt() 메서드 - 문자열의 지정위치문자의 유니코드 (= charCodeAt메서드 =…
5/67
목록
찾아주셔서 감사합니다. Since 2012