728x90
IT시대에 홈페이지는 온라인 간판으로 불리웁니다. 요즘은 PC보다는 Mobile(모바일) 사용율이 더 많아짐에 따라 모바일홈페이지, 반응형 홈페이지를 지향하는 웹 프레임워크가 많이 나오고 있습니다. 그누보드(Gnuboard)는 모바일버전으로 따로 관리할 수 있고, 부트스트랩 기반이나 워드프레스 같은 프레임워크는 반응형으로 작동이 됩니다.
따라서 개발자들도 코딩작업을 하다보면 접속한 사용자가 PC인지 Mobile인지 확인해야할 경우가 많습니다. 그래서 Javascript와 PHP버전으로 확인하는 예제를 보여드리겠습니다.
1 2 3 4 5 6 7 8 9 | var filter = "win16|win32|win64|mac"; if( navigator.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로 구분 하는 방식
기타 궁금한 사항은 댓글 남겨 주세요
'개발이야기 > Javascript' 카테고리의 다른 글
react-native-vision-camera 사용중 발생 오류 (0) | 2024.01.09 |
---|---|
React에서 Axios 헤더 설정 마스터하기: API 통신의 비밀 풀기 (0) | 2024.01.06 |
ajax통신간 jsonp를 이용한 크로스도메인 이슈 해결 (2) | 2018.02.14 |
jQuery .data 사용 방법 (0) | 2018.02.12 |
로컬스토리지, 세션스토리지, 쿠키의 차이점 (3) | 2018.02.09 |