모바일웹 스마트폰 기종 확인

스마트폰 기종 확인, 사용자 기기 확인, 자바스크립트로 기종 확인, PHP에서 특정 스마트폰 체크
모바일 웹 기기 알아내기, 아이폰인가?
navigator.UserAgent, user agent, HTTP_USER_AGENT

1 개요

  • 자바스크립트로 navigator.UserAgent의 값을 보면 기종을 확인할 수 있다.
  • PHP에서는 $_SERVER['HTTP_USER_AGENT']를 보면 된다.
  • 두 값은 완전히 같다.

2 userAgent 값 확인

<style>textarea {width:500px;height:100px;}</style>

<h2>$_SERVER['HTTP_USER_AGENT'] 값은 다음과 같습니다.</h2>
<textarea><?php echo $_SERVER['HTTP_USER_AGENT']; ?></textarea>

<h2>navigator.userAgent 값</h2>
<textarea id='js_user_agent'></textarea>

<script type='text/javascript'>
document.getElementById('js_user_agent').value = navigator.userAgent;
</script>
  • 예제: http://jmnote.com/js/user_agent.php
  • 어떤 기기에서 이 예제로 접속해보면 userAgent 값을 확인할 수 있다.
  • 필자의 데스크톱 환경(64비트 윈도우 7, CoolNovo)에서는 userAgent 값이 다음과 같았다.

Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/535.11 (KHTML, like Gecko) Chrome/17.0.963.56 Safari/535.11 CoolNovo/2.0.1.40

  • 필자의 스마트폰 환경(iPhone 4)에서는 다음과 같았다.

Mozilla/5.0 (iPhone; CPU iPhone OS 5_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9B176 Safari/7534.48.3

3 기초 예제

자바스크립트 또는 PHP에서 다음과 같이 구현하면 아이폰인지 아닌지를 간단히 판별할 수 있다.

3.1 자바스크립트

if((navigator.userAgent.match(/iPhone/i)) {
  alert('아이폰입니다.');
}

4 PHP

if (strpos($_SERVER['HTTP_USER_AGENT'],'iPhone') !== false) {
  echo '아이폰입니다.';
}

5 같이 보기

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}