728x90
반응형
웹플밍을 할 때 navigator.userAgent를 사용하면, 사용자의 웹브라우저를 정보를 알아내어, 사용자에게 보여주는 화면이나 동작방식을 플랫폼 별로 다르게 지원해줄 수 있습니다.

티스토리를 PC로 할 때와 스마트 폰으로 할 때 같은 내용인데 기기에 따라 UI가 약간 다른것도 이런식으로 처리하지 않았을까? 라고 생각해요. ㅋㅋ

우쨌든. navigator.userAgent의 사용 방법은 아래 예시와 같습니다.

------------------------------------------------------------------------
< html>
< head>
< meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
< title>javascript UserAgent EX</title>
< script type="text/javascript">
 
function getUserAgent() {
     
userAgent = new String(navigator.userAgent);
      var versionStr = "none";
   if(userAgent.search("Mozilla/4.0") > -1) {
      versionStr = "Mozilla/4.0";
      alert(versionStr);
   } else {
      versionStr = "What is yout UA?";
      alert(versionStr);
   }
}
 
< /script>
< /head>
< body onload="getUserAgent();">
    Hi! Your Web Browser Information:
< /body>
< /html>
------------------------------------------------------------------------
string함수 중에 search를 사용하였는데, 저거말고도 사용할 수 있는 함수는 더 있습니다.
indexOf(), subString()... 등..아래 주소에서 확인 하실 수 있어요. :)
http://www.w3schools.com/jsref/jsref_obj_string.asp


추가로 웹 프로그래밍 할 때 유용한 reference들을 모아놓은 w3schools.com과
본인이 사용하고 있는 브라우저의 UA정보를 자세히 분석해주는 UserAgentString 주소 적어둡니다.

* w3schools.com: http://www.w3schools.com/
* UserAgentSting: http://useragentstring.com/index.php

* 자료 출처 및 참고
http://blog.outsider.ne.kr/449

 

728x90
반응형
블로그 이미지

nineDeveloper

안녕하세요 현직 개발자 입니다 ~ 빠르게 변화하는 세상에 뒤쳐지지 않도록 우리모두 열심히 공부합시다 ~! 개발공부는 넘나 재미있는 것~!

,