Java Script : IPhone, IPad, IPod 접속 감지 방법 : 예제, 구현

Java Script : IPhone, IPad, IPod 접속 감지 방법 : 예제, 구현

 

모바일 장치가 점점 더 대중화됨에 따라 이러한 모바일 장치 중 하나에서 사이트를 방문하는 사용자를 위해 다른 작업을 수행해야 할 때가 있습니다. 

모바일 장치에 따라 디자인을 변경하려면 미디어 쿼리를 사용합니다. 그러나 Javascript와 같은 기능을 변경하려면 아래 스니펫을 사용하여 모바일 장치에서 다른 작업을 수행 할 수 있습니다.

 

 

 

Javascript

<script>
if ((navigator.userAgent.indexOf('iPhone') != -1) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1)) {
    alert('You are using an iPhone, ipod or an ipad');
}
</script>

이 페이지에이 스크립트를 추가 했으므로 iPhone, ipod 또는 ipad에서이 페이지를 방문하면 경고 상자가 나타납니다.

 

 

 

 

 

 

PHP

PHP를 사용 중이고 현재 사용자가 iPhone, iPad 또는 iPod을 사용 중인지 알고 싶다면 HTTP_USER_AGENT 변수를 보고 사용중인 장치 정보를 얻을 수 있습니다.

function isIphone()
{
    return (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPhone');
}

function isIpad()
{
    return (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPad');
}

function isIpod()
{
    return (bool) strpos($_SERVER['HTTP_USER_AGENT'],'iPod');
}

 

 

 

Htaccess

사용중인 장치에 따라 사용자를 다른 웹 사이트로 리디렉션하려면 htaccess를 사용하여 사용자를 리디렉션 할 수 있으며 htaccess를 사용하면 HTTP_USER_AGENT에 다시 액세스 할 수 있습니다.

RewriteCond %{HTTP_USER_AGENT} ^.*iPhone.*$
RewriteRule ^(.*)$ http://iphone.yourdomain.com [R=301]

RewriteCond %{HTTP_USER_AGENT} ^.*iPad.*$
RewriteRule ^(.*)$ http://ipad.yourdomain.com [R=301]

RewriteCond %{HTTP_USER_AGENT} ^.*iPod.*$
RewriteRule ^(.*)$ http://ipod.yourdomain.com [R=301]