최신판 |
당신의 편집 |
1번째 줄: |
1번째 줄: |
| ==개요==
| | *모바일 웹 기기 알아내기 |
| ;스마트폰 기종 확인, 사용자 기기 확인, 자바스크립트로 기종 확인, PHP에서 특정 스마트폰 체크
| |
| ;유저 에이전트, 사용자 에이전트, 모바일 웹 기기 알아내기, 아이폰인가?
| |
| ;navigator.UserAgent, user agent, HTTP_USER_AGENT
| |
| *자바스크립트로 navigator.UserAgent의 값을 보면 기종을 확인할 수 있다.
| |
| *PHP에서는 $_SERVER['HTTP_USER_AGENT']를 보면 된다.
| |
| *두 값은 완전히 같다.
| |
|
| |
|
| ==예시 1== | | ==자바스크립트== |
| 자바스크립트 또는 PHP에서 다음과 같이 구현하면 아이폰인지 아닌지를 간단히 판별할 수 있다.
| | <source lang='javascript'> |
| | | if((navigator.userAgent.match(/iPhone/i)) { |
| ;자바스크립트
| |
| <syntaxhighlight lang='javascript'> | |
| if(navigator.userAgent.match(/iPhone/i)) { | |
| alert('아이폰입니다.'); | | alert('아이폰입니다.'); |
| } | | } |
| </syntaxhighlight> | | </source> |
|
| |
|
| ;PHP
| | ==PHP== |
| <syntaxhighlight lang='php'> | | <source lang='php'> |
| if (strpos($_SERVER['HTTP_USER_AGENT'],'iPhone') !== false) { | | if (strpos($_SERVER['HTTP_USER_AGENT'],'iPhone') !== false) { |
| echo '아이폰입니다.'; | | echo '아이폰입니다.'; |
| } | | } |
| </syntaxhighlight> | | </source> |
| | |
| ==예시 2==
| |
| * 예제: http://zetawiki.com/ex/js/user_agent.php
| |
| * 접속해보면 userAgent 값을 확인할 수 있다.
| |
| <syntaxhighlight lang='html5'>
| |
| <style>textarea {width:500px;height:100px;}</style>
| |
| | |
| <h2>(PHP) $_SERVER['HTTP_USER_AGENT'] 값</h2>
| |
| <textarea><?php echo $_SERVER['HTTP_USER_AGENT']; ?></textarea>
| |
| | |
| <h2>(JavaScript) navigator.userAgent 값</h2>
| |
| <textarea id='js_user_agent'></textarea>
| |
| | |
| <script type='text/javascript'>
| |
| document.getElementById('js_user_agent').value = navigator.userAgent;
| |
| </script>
| |
| </syntaxhighlight>
| |
| * 필자의 데스크톱 환경(64비트 윈도우 7, CoolNovo)에서는 userAgent 값이 다음과 같았다.
| |
| {{인용문|Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.99 Safari/537.36}}
| |
| * 필자의 스마트폰 환경(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}}
| |
|
| |
|
| ==같이 보기==
| | [[분류: 모바일 웹]] |
| *[[아파치 스마트폰 분기]]
| | [[분류:자바스크립트]] |
| *[[스마트폰 해상도]]
| |
| *[[미디어위키 모바일 스킨]]
| |
| *[[PC에서 모바일웹 테스트]]
| |
| *[[모바일웹]]
| |
| *[[캔버스]]
| |
| *[[스마트폰]]
| |
| *[https://chrome.google.com/webstore/detail/user-agent-switcher-for-c/djflhoibgkdhkhhcedjiklpkjnoahfmg 유저 에이전트 변조 크롬확장] - 유저 에이전트를 변조하여 모바일에서만 허용된 행동을 PC에서 취하거나, IE에서 어떻게 표시되는지 크롬에서 실험할 수 있다.
| |
| [[분류:모바일 웹]] | |
| [[분류:JavaScript]] | |
| [[분류:PHP]] | | [[분류:PHP]] |