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

[Window_Navigator] JS - navigator.platform 속성 - 브라우저가 컴파일 된 플랫폼 반환 (= 네비게이터플랫폼속성)

목차

  1. navigator.platform 예제 - 브라우저 플랫폼 얻기
  2. navigator.platform 정의
  3. navigator.platform 구문
  4. navigator.platform 예제 - 웹접속자 기기 판별
  5. navigator.platform 예제 - navigator 객체의 속성들

 

navigator.platform 예제 - 브라우저 플랫폼 얻기

 

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


<script>

let np = navigator.platform;

document.getElementById("demo").innerHTML = np;

</script>

 

결과보기 (결과값: Win32)

 

navigator.platform 정의

 

브라우저가 컴파일 된 플랫폼을 반환.

 


PS.

  • 읽기전용 속성임.
  • 모든 브라우저 지원.

 

 

navigator.platform 구문

 

navigator.platform

 


[반환값]

 

브라우저 플랫폼을 나타내는 문자열 반환. (※ 가능값 종류)

  • HP-UX
  • Linux i686
  • Linux armv7l
  • Mac68K
  • MacPPC
  • MacIntel
  • SunOS
  • Win16
  • Win32
  • Win64
  • WebTV OS

 

 

navigator.platform 예제 - 웹접속자 기기 판별

 

<?php if ($is_mobile) { ?> // 그누 모바일 모드

<script>

pcm = "win16|win32|win64|mac|macintel"; // PC 플랫폼 리스트

if (pcm.indexOf(navigator.platform.toLowerCase()) < 0) {

    모바일 기기

} else {

    PC 기기

}

</script>

<?php } ?>


<?php if (!$is_mobile) { ?> // 그누PC 모드

<script>

pcm = "win16|win32|win64|mac|macintel";

if (pcm.indexOf(navigator.platform.toLowerCase()) < 0) {

    모바일 기기

} else {

    PC 기기

}

</script>

<?php } ?>

 

비타주리 님 (220408) https://sir.kr/qa/455779

 

navigator.platform 예제 - navigator 객체의 속성들

 

<div id="demo"></div>


<script>

let text = "Browser 코드명: " + navigator.appCodeName + "<HR>" +

"Browser 이름: " + navigator.appName + "<HR>" +

"Browser 버전: " + navigator.appVersion + "<HR>" +

"Cookies 사용여부: " + navigator.cookieEnabled + "<HR>" +

"Browser 언어: " + navigator.language + "<HR>" +

"Browser Online: " + navigator.onLine + "<HR>" +

"플랫폼: " + navigator.platform + "<HR>" +

"User-agent 헤더: " + navigator.userAgent;


document.getElementById("demo").innerHTML = text;

</script>

 

결과보기 



분류 제목
Window_Navigator JS - navigator.userAgent 속성 - 사용자 브라우저 정보 반환 (= navigator.us…
Window_Navigator JS - javaEnabled() 메서드 -
Window_Navigator JS - taintEnabled() 메서드 - JS1.2 버전에서 폐기완료. 브라우저에 데이터오염 있는지 확…
Window_Screen JS - availHeight 속성 ★ - 화면높이 (※ 작업표시줄 제외)
Window_Screen JS - availWidth 속성 ★ - 화면너비 (※ 작업표시줄 제외)
Window_Screen JS - colorDepth 속성 - 이미지 표시 위한 색상표 비트 심도를 픽셀 단위로 반환
Window_Screen JS - height 속성 ★ - 객체 높이 ※ screen.height: 화면 높이 (※ 작업표시줄 포함)
Window_Screen JS - pixelDepth 속성 - 방문자 화면의 색상해상도 (= 픽셀 당 비트 수) 반환 (IE10 이상…
Window_Screen JS - screen.width 속성 ★ - 스크린너비 (= 화면너비 = screen.width속성 = 스크…
DOM_Style JS - alignContent 속성(C) - 플렉스항목 세로정렬 (= alignContent속성 = 얼라인…
DOM_Style JS - alignItems 속성(C) - 플렉스아이템의 세로정렬방법 지정 (예: 상단정렬/하단정렬/균등배분…
DOM_Style JS - alignSelf 속성(I) - (플렉스아이템 수직정렬. 아이템 자체에 사용. align-self속…
DOM_Style JS - animation 속성 ★ - 애니일체 (= 움직임효과 = 이동효과 = 애니일괄 = 애니효과 = 애…
DOM_Style JS - animationDelay 속성 - 애니지연시간 (= animationDelay속성 = 애니메이션딜…
DOM_Style JS - animationDirection 속성 - 애니방향 (= 움직임방향 = 애니메이션디렉션속성, IE1…
DOM_Style JS - animationDuration 속성 - 애니지속시간 (= 애니완료소요시간 = 움직임완료소요시간 =…
DOM_Style JS - animationFillMode 속성 - 애니 미작동 스타일 (= 애니작동안할때 스타일 = 애니메이…
DOM_Style JS - animationIterationCount 속성 -애니메이션 반복횟수 설정/반환
DOM_Style JS - animationName 속성 - 키프레임명 (= 키프레임이름 = 애니이름 = 애니명 = 애니메이션…
DOM_Style JS - animationTimingFunction 속성 - 애니속도변화 (= 애니속도변경 = 애니속도곡선 …
42/67
목록
찾아주셔서 감사합니다. Since 2012