"모바일웹 스마트폰 기종 확인"의 두 판 사이의 차이

2012년 4월 16일 (월) 06:50 판

스마트폰 기종 확인
사용자 기기 확인
자바스크립트 기종 확인
모바일 웹 기기 알아내기
아이폰인가?
navigator.UserAgent
HTTP_USER_AGENT
user agent

1 개요

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

2 userAgent 값 확인

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8" />
<title>USER AGENT 확인</title>
<style>textarea {width:500px;height:100px;}</style>
</head>
<body>
<p>navigator.userAgent 값은 다음과 같습니다.</p>
<textarea id='js_user_agent'></textarea>
<p>$_SERVER['HTTP_USER_AGENT'] 값은 다음과 같습니다.</p>
<textarea><?php echo $_SERVER['HTTP_USER_AGENT']; ?></textarea>
<script type='text/javascript'>
document.getElementById('js_user_agent').value = navigator.userAgent;
</script>
</body>
</html>

예제: http://jmnote.com/js/user_agent.php
어떤 기기에서 이 예제로 접속해보면 userAgent 값을 확인할 수 있다.
참고로 필자가 주로 사용하는 환경에서는 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

필자는 CoolNovo 2.0.1.40을 주로 사용한다. 64비트 Windows 7이며 "Windows NT 6.1; WOW64"로 기록되는 모양이다.

3 자바스크립트

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

4 PHP

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

5 같이 보기

캔버스

@@ 33번째 줄: / 33번째 줄: @@
 </html>
 </source>
+* 예제: http://jmnote.com/js/user_agent.php
+* 어떤 기기에서 이 예제로 접속해보면 userAgent 값을 확인할 수 있다.
+* 참고로 필자가 주로 사용하는 환경에서는 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}}
+*필자는 CoolNovo 2.0.1.40을 주로 사용한다. 64비트 Windows 7이며 "Windows NT 6.1; WOW64"로 기록되는 모양이다.
 ==자바스크립트==