본문 바로가기

개발이야기/Javascript

사용자가 PC인지 Mobile인지 확인방법

728x90

사용자가 PC인지 Mobile인지 확인방법




IT시대에 홈페이지는 온라인 간판으로 불리웁니다. 요즘은 PC보다는 Mobile(모바일) 사용율이 더 많아짐에 따라 모바일홈페이지, 반응형 홈페이지를 지향하는 웹 프레임워크가 많이 나오고 있습니다. 그누보드(Gnuboard)는 모바일버전으로 따로 관리할 수 있고, 부트스트랩 기반이나 워드프레스 같은 프레임워크는 반응형으로 작동이 됩니다. 

따라서 개발자들도 코딩작업을 하다보면 접속한 사용자가 PC인지 Mobile인지 확인해야할 경우가 많습니다. 그래서 Javascript와 PHP버전으로 확인하는 예제를 보여드리겠습니다.


1
2
3
4
5
6
7
8
9
var filter = "win16|win32|win64|mac";
 
ifnavigator.platform  ){
    if( filter.indexOf(navigator.platform.toLowerCase())<0 ){
 
    }else{
        location.href="http://itfresh.tistory.com/";
    }
}
cs

 <Javascript>


접속한 브라우져가 Windows(윈도우즈) 또는 Mac(맥) 인지 확인을 하여 참(True)면 PC, 거짓(False)면 Mobile로 구분하는 방식



1
2
3
4
5
6
7
8
9
10
11
12
<?php
function MobileCheck() { 
    $HTTP_USER_AGENT = $_SERVER['HTTP_USER_AGENT']; 
    $MobileArray  = array("iphone","lgtelecom","skt","mobile","samsung","nokia","blackberry","android","android","sony","phone");
 
    $checkCount = 0
        for($i=0$i<sizeof($MobileArray); $i++){ 
            if(preg_match("/$MobileArray[$i]/", strtolower($HTTP_USER_AGENT))){ $checkCount++break; } 
        } 
   return ($checkCount >= 1) ? "Mobile" : "Computer"
}
?>
cs

<PHP>


$_SERVER를 이용하여 브라우져의 종류를 찾아내고, 현재 시중에 있는 모든 모바일의 브라우져 이름을 사전에 MobileArray에 등록한후 이름이 일치하면 모바일, 그렇지 않으면 PC로 구분 하는 방식


기타 궁금한 사항은 댓글 남겨 주세요