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

[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>

 

결과보기 



분류 제목
DOM_Style JS - borderImage 속성 - 테두리이미지 설정/반환 (= borderImage속성 = 보더이미지속…
DOM_Style JS - borderImageOutset -
DOM_Style JS - borderImageRepeat -
DOM_Style JS - borderImageSlice -
DOM_Style JS - borderImageSource -
DOM_Style JS - borderImageWidth -
DOM_Style JS - borderLeft -
DOM_Style JS - borderLeftColor -
DOM_Style JS - borderLeftStyle -
DOM_Style JS - borderLeftWidth -
DOM_Style JS - borderRadius 속성 ★ - 테두리 둥글게 설정/반환 = 둥근 테두리 = 보더레이디어스 속성…
DOM_Style JS - borderRight -
DOM_Style JS - borderRightColor -
DOM_Style JS - borderRightStyle -
DOM_Style JS - borderRightWidth -
DOM_Style JS - borderSpacing 속성 - 테이블의 셀 간 간격 설정/반환 (= borderSpacing속성…
DOM_Style JS - borderStyle 속성 - 테두리스타일
DOM_Style JS - borderTop 속성 - 테두리상단 (= 상단테두리)
DOM_Style JS - borderTopColor -
DOM_Style JS - borderTopLeftRadius -
44/67
목록
찾아주셔서 감사합니다. Since 2012