• 모바일 단말기 판단(Detecting a mobile browser)

    Posted Thu 23 2015 View 4771 Comments 0

1. Javascript 형식

웹사이트 구성을 일반 PC 웹 또는 모바일 웹 구성되어 있는 사이트들이 종종 있는데 여기에 맞게 PC로 접속하였는지 모바일로 접속하였는지 판단하여 각각 맞는 페이지로 이동시키는 방법에 대해서 알아보도록 하겠습니다.

var JS_isMobile=(navigator.userAgent.match(/(iPhone|iPad|iPod|Android|Windows Phone|IEMobile|BlackBerry|Mobile Safari|Opera Mobi)/)?true:false);

if(JS_isMobile==true){ 
    location.href='URL for your mobile website'; 
}
  • 위 소스는 브라우저 userAgent 를 이용하여 특정 패턴에 해당 되는 문자열이 있으면 페이지를 이동 시키는 로직으로써 현재 기준 스마트폰 90%로 판단이 가능한 간단한 소스입니다.

2. User-Agent 란

useragent 딱히 정의하기가 예매한 것이 있으며 User-agent 탄생의 역사 히스토리가 많다. 정의하자면 "브라우저에 대한 식별 코드" 라고 생각하시면 되며 사람으로 생각하면 "주민 등록증" 과 같은 것이다. 식별되는 것은 컴퓨터(단말기)에 대한 OS 정보, 브라우저 버전, 레이아웃 엔진 종류 등 담아서 항상 서버와 통신할 때 접속자 정보를 뜻하는 것이라고 생각하면 됩니다.

3. PHP 형식

$JS_isMobile=(preg_match("/(iPhone|iPad|iPod|Android|Windows Phone|IEMobile|BlackBerry|Mobile Safari|Opera Mobi)/",$_SERVER['HTTP_USER_AGENT'])?1:0);
if($JS_isMobile==True){
    header('Location: URL for your mobile website');
}
  • javascript 방식과 차이점은 스크립트 방식은 클라이언트(브라우저)에서 판단하기 때문에 처리 부분에 있어서 서버 방식보다는 늦다.
  • 모바일 페이지로 이동된 곳에서 이전 referer(유입 출처) 확인이 안되는 차이 점이 있음.
  • 속도 면에서는 서버 측에서 모바일 페이지로 이동시키는 방식이 효과적으로 생각한다.

 

크리에이티브 커먼즈 라이선스 이 저작물은 크리에이티브 커먼즈 저작자표시-변경금지 2.0 국제 라이선스에 따라 이용할 수 있습니다.

Leave a Comment
Image Login with
댓글 (Your Comment) Save Comments


Comments (0)
Visitors Information
  • TODAY : 0
  • YESTERDAY : 1
  • TOTAL : 6076
Copyright by AceMoa.com All rights reserved. © 2012