2015. 2. 25. 16:50

요즘 반응형 웹들이 많이 나오고 있습니다만 여러가지 상황에 따라서

반응형이 아닌 별도의 모바일 웹을 만들어서 사용하기도 합니다.

이럴때 홈페이지에 접근한 장비가 모바일장비인지 아닌지를 확인할 필요가 있는데요.

괜찮은 오픈소스가 있어서 소개를 해드리겠습니다.

 

Mobile Detect 라는 오픈소스입니다.

라이선스는 MIT 라이선스입니다.

 

 

 

파일을 다운받아서 압축을 풀게되면 4개의 폴더와 파일들이 있습니다.

그중 Mobile_Detect.php 파일만 있어도 됩니다.

 

해당 홈페이지에 보시면 많은 기능들이 있습니다만

제가 필요했던 기능에 대해서만 잠깐 살펴보겠습니다.

(코드는 Syntax Highlighter가 적용되어 모바일에서는 안보일 수 있습니다.)

 

// Include and instantiate the class.
require_once 'Mobile_Detect.php';
$detect = new Mobile_Detect;

// 모바일 장비 확인 (폰과 테블릿 모두)
if ( $detect->isMobile() ) {
 //필요한 기능 코딩
}

// 테블릿 장비인지 확인
if( $detect->isTablet() ){
 //필요한 기능 코딩
}

// 모바일 장비중 테블릿을 제외
if( $detect->isMobile() && !$detect->isTablet() ){
 //필요한 기능 코딩
}

// Check for a specific platform with the help of the magic methods:
// 장비의 OS가 iOS(아이폰)인지 확인
if( $detect->isiOS() ){
 //필요한 기능 코딩
}

//장비의 OS가 안드로이드인지 확인
if( $detect->isAndroidOS() ){
 //필요한 기능 코딩
}

 

사용법이 쉬워서 더 설명이 필요없을것 같네요 ^^;

 

위와 같이 모바일을 체크했다면 보통은 모바일 웹 페이지로 redirect를 시켜주는데요.

이때 자바스크립트의 location.href를 사용해도 되지만

meta 태그를 이용하시는 것도 좋을것 같습니다.

<meta http-equiv='refresh' content='0; url=모바일 페이지 주소'></meta>

 

 

Posted by 작은0악마