ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [JavaScript] navigator.userAgent
    case Computer : 2011. 11. 17. 13:51

    웹플밍을 할 때 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



    ** 추가로 PHP 에서는 $_SERVER['HTTP_USER_AGENT'] 로 브라우저 정보값을 알아낼 수 있다고 합니다.ㅎㅎ

    반응형

    'case Computer :' 카테고리의 다른 글

    .bashrc .bash_profile for mac  (0) 2012.03.12
    cmd에서 환경변수 설정 방법  (1) 2011.11.28
    Leet (="1337")  (0) 2011.10.18
    노트북 한/영 키 전환이 되지 않을 때!  (0) 2011.08.17
    [iPhone] 해킹한 아이폰에 개발하기  (1) 2011.08.07

    댓글

Designed by Tistory.