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

잔글 (봇: 자동으로 텍스트 교체 (-source +syntaxhighlight))
 
(사용자 4명의 중간 판 30개는 보이지 않습니다)
1번째 줄: 1번째 줄:
*스마트폰 기종 확인
*사용자 기기 확인
*자바스크립트 기종 확인
*모바일 웹 기기 알아내기
*아이폰인가?
*navigator.UserAgent
*HTTP_USER_AGENT
*user agent
==개요==
==개요==
;스마트폰 기종 확인, 사용자 기기 확인, 자바스크립트로 기종 확인, PHP에서 특정 스마트폰 체크
;유저 에이전트, 사용자 에이전트, 모바일 웹 기기 알아내기, 아이폰인가?
;navigator.UserAgent, user agent, HTTP_USER_AGENT
*자바스크립트로 navigator.UserAgent의 값을 보면 기종을 확인할 수 있다.
*자바스크립트로 navigator.UserAgent의 값을 보면 기종을 확인할 수 있다.
*PHP에서는 $_SERVER['HTTP_USER_AGENT']를 보면 된다.
*PHP에서는 $_SERVER['HTTP_USER_AGENT']를 보면 된다.
*두 값은 완전히 같다.
*두 값은 완전히 같다.


==자바스크립트==
==예시 1==
<source lang='javascript'>
자바스크립트 또는 PHP에서 다음과 같이 구현하면 아이폰인지 아닌지를 간단히 판별할 수 있다.
if((navigator.userAgent.match(/iPhone/i)) {
 
;자바스크립트
<syntaxhighlight lang='javascript'>
if(navigator.userAgent.match(/iPhone/i)) {
   alert('아이폰입니다.');
   alert('아이폰입니다.');
}
}
</source>
</syntaxhighlight>


==PHP==
;PHP
<source lang='php'>
<syntaxhighlight lang='php'>
if (strpos($_SERVER['HTTP_USER_AGENT'],'iPhone') !== false) {
if (strpos($_SERVER['HTTP_USER_AGENT'],'iPhone') !== false) {
   echo '아이폰입니다.';
   echo '아이폰입니다.';
}
}
</source>
</syntaxhighlight>
 
==예시 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]]

2020년 11월 2일 (월) 00:56 기준 최신판

1 개요[ | ]

스마트폰 기종 확인, 사용자 기기 확인, 자바스크립트로 기종 확인, PHP에서 특정 스마트폰 체크
유저 에이전트, 사용자 에이전트, 모바일 웹 기기 알아내기, 아이폰인가?
navigator.UserAgent, user agent, HTTP_USER_AGENT
  • 자바스크립트로 navigator.UserAgent의 값을 보면 기종을 확인할 수 있다.
  • PHP에서는 $_SERVER['HTTP_USER_AGENT']를 보면 된다.
  • 두 값은 완전히 같다.

2 예시 1[ | ]

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

자바스크립트
if(navigator.userAgent.match(/iPhone/i)) {
  alert('아이폰입니다.');
}
PHP
if (strpos($_SERVER['HTTP_USER_AGENT'],'iPhone') !== false) {
  echo '아이폰입니다.';
}

3 예시 2[ | ]

<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>
  • 필자의 데스크톱 환경(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

4 같이 보기[ | ]

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