[Javascript] 안드로이드 브라우저 User-Agent 이슈

프로그래밍을 하다보면 모바일 기기별로 나눠서 프로그래밍을 해야할 때가 있습니다. 대표적인 예를 들자면 안드로이드와 아이폰, 그리고 윈도우 폰이 되겠네요.

그러면 각 기기별로 user-agent 값이 어떻게 나오는지 알아보도록 하겠습니다.

각 기기별 user-agent값은 다음과 같습니다.(출처 : http://artyst.egloos.com/2779071)

* 아이폰

Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_2_6 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8E200 Safari/6533.18.5

* 아이패드

Mozilla/5.0 (iPad; U; CPU OS 4_3 like Mac OS X; ko-kr) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8F5153d Safari/6533.18.5

* 갤럭시S

Mozilla/5.0 (Linux; U; Android 2.2.1; ko-kr; SHW-M110S Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1 

* 옵티머스 원

Mozilla/5.0 (Linux; U; Android 2.2.1; ko-kr; LG-KU3700 Build/FRG83) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

* 블랙베리
BlackBerry9700/5.0.0.862 Profile/MIDP-2.1 Configuration/CLDC-1.1 VendorID/299 

아래와 같은 코드로 안드로이드와 아이폰을 구분합니다.
소스를 보시려면 아래의 소스코드 화면의 우측 상단의 첫번째 버튼을 눌러주세요

<script type="text/javascript">
  var mobileKeyWords = new Array('iPhone', 'iPod', 'BlackBerry', 'Android', 'Windows CE', 'Windows CE;', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson', 'Mobile', 'Symbian', 'Opera Mobi', 'Opera Mini', 'IEmobile');
  for (var word in mobileKeyWords){
    if (navigator.userAgent.match(mobileKeyWords[word]) != null){
      window.location.href = "이동할 주소";
        break;
        }
      }
</script>