편집을 취소할 수 있습니다. 이 편집을 되돌리려면 아래의 바뀐 내용을 확인한 후 게시해주세요.
최신판 | 당신의 편집 | ||
1번째 줄: | 1번째 줄: | ||
;스마트폰 기종 확인, 사용자 기기 확인, 자바스크립트로 기종 확인, PHP에서 특정 스마트폰 체크 | ;스마트폰 기종 확인, 사용자 기기 확인, 자바스크립트로 기종 확인, PHP에서 특정 스마트폰 체크 | ||
; | ;모바일 웹 기기 알아내기, 아이폰인가? | ||
;navigator.UserAgent, user agent, HTTP_USER_AGENT | ;navigator.UserAgent, user agent, HTTP_USER_AGENT | ||
==개요== | |||
*자바스크립트로 navigator.UserAgent의 값을 보면 기종을 확인할 수 있다. | *자바스크립트로 navigator.UserAgent의 값을 보면 기종을 확인할 수 있다. | ||
*PHP에서는 $_SERVER['HTTP_USER_AGENT']를 보면 된다. | *PHP에서는 $_SERVER['HTTP_USER_AGENT']를 보면 된다. | ||
*두 값은 완전히 같다. | *두 값은 완전히 같다. | ||
== | ==userAgent 값 확인== | ||
<source lang='html5'> | |||
< | |||
<style>textarea {width:500px;height:100px;}</style> | <style>textarea {width:500px;height:100px;}</style> | ||
<h2> | <h2>$_SERVER['HTTP_USER_AGENT'] 값은 다음과 같습니다.</h2> | ||
<textarea><?php echo $_SERVER['HTTP_USER_AGENT']; ?></textarea> | <textarea><?php echo $_SERVER['HTTP_USER_AGENT']; ?></textarea> | ||
<h2> | <h2>navigator.userAgent 값</h2> | ||
<textarea id='js_user_agent'></textarea> | <textarea id='js_user_agent'></textarea> | ||
39번째 줄: | 21번째 줄: | ||
document.getElementById('js_user_agent').value = navigator.userAgent; | document.getElementById('js_user_agent').value = navigator.userAgent; | ||
</script> | </script> | ||
</ | </source> | ||
* 예제: http://jmnote.com/js/user_agent.php | |||
* 어떤 기기에서 이 예제로 접속해보면 userAgent 값을 확인할 수 있다. | |||
* 필자의 데스크톱 환경(64비트 윈도우 7, CoolNovo)에서는 userAgent 값이 다음과 같았다. | * 필자의 데스크톱 환경(64비트 윈도우 7, CoolNovo)에서는 userAgent 값이 다음과 같았다. | ||
{{인용문|Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/ | {{인용문|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)에서는 다음과 같았다. | * 필자의 스마트폰 환경(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}} | {{인용문|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}} | ||
==기초 예제== | |||
자바스크립트 또는 PHP에서 다음과 같이 구현하면 아이폰인지 아닌지를 간단히 판별할 수 있다. | |||
===자바스크립트=== | |||
<source lang='javascript'> | |||
if((navigator.userAgent.match(/iPhone/i)) { | |||
alert('아이폰입니다.'); | |||
} | |||
</source> | |||
==PHP== | |||
<source lang='php'> | |||
if (strpos($_SERVER['HTTP_USER_AGENT'],'iPhone') !== false) { | |||
echo '아이폰입니다.'; | |||
} | |||
</source> | |||
==같이 보기== | ==같이 보기== | ||
53번째 줄: | 53번째 줄: | ||
*[[캔버스]] | *[[캔버스]] | ||
*[[스마트폰]] | *[[스마트폰]] | ||
[[분류:모바일 웹]] | [[분류:모바일 웹]] | ||
[[분류:JavaScript]] | [[분류:JavaScript]] | ||
[[분류:PHP]] | [[분류:PHP]] |