JS - navigator 객체

navigator 객체는 브라우저에 대한 정보를 배열로 반환합니다.

navigator.속성

가장 많이 사용하는 속성 몇 가지를 표로 작성하면 다음과 같습니다.

속 성	설 명
appCodeName	사용자의 브라우저 코드명 출력
appName	사용자의 브라우저 종류 출력
appVersion	사용자의 브라우저 버전 출력
platform	사용자의 운영체제 시스템 환경정보
userAgent	사용자의 브라우저 정보 출력

브라우저에 대한 모든 정보를 출력합니다.

<script>
  for(name in navigator) {
    document.write( name + " = " + navigator[name] + "<br/>");
  }
  /*
  결과:
  vendorSub = 
  productSub = 20030107
  vendor = Google Inc.
  maxTouchPoints = 0
  hardwareConcurrency = 2
  cookieEnabled = true
  appCodeName = Mozilla
  appName = Netscape
  appVersion = 5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.121 Safari/537.36
  platform = Win32
  product = Gecko
  userAgent = Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.121
  ....
  */
</script>

<script>
if(navigator.userAgent.indexOf("Chrome")){
  document.write("크롬 브라우저 사용자입니다.");
}
// 크롬 브라우저 사용자입니다.
</script>

다음은 스마트폰 사용자라면 다른 페이지로 이동시킵니다.

<script>
var arr = ['iphone', 'ipad', 'android'];

for(var prob in arr){
  if(navigator.userAgent.toLowerCase().match(/arr[prob]/)){
    alert("스마트폰 사용자입니다. \n다른 페이지로 이동합니다.");
    
    location.replace = "http://m.habonyphp.com";  
  }
}
</script>