스마트폰이 대중적으로 보급됨에 따라 웹사이트도 작은 화면에 최적으로 보일 수 있도록 모바일전용 페이지가 필요하게 되었다.
CSS3 Media Queries를 이용하면 동적인 레이아웃을 구현할 수 있지만 여기서는 PHP로 모바일기기를 인식하고 리다이렉트 시키는 방법을 소개한다.
1) 아래의 파일을 내려받는다.
첨부된 파일은 2010년 4월 25일 버전이다. 최신 버전을 확인하려면 http://detectmobilebrowsers.mobi/ 를 방문하도록 한다.
2) 내려받은 파일을 자신의 계정에 업로드하고 아래의 코드를 입력한다.
위 코드가 입력된 페이지에서 모바일 브라우저를 인식한 후, 모바일 브라우저이면 http://m.google.com/ 으로, 아니면 http://google.com/ 으로 이동시킨다.
또한 true가 7개 있는데, 왼쪽부터 순서대로 보면: 아이폰, 아이패드, 안드로이드, 오페라, 블랙베리, 팜, 윈도우즈 이다.
이들 중 인식하지 않길 원하는 모바일 브라우저가 있다면 false로 대체하면 된다.
예를들어 아이패드와 데스크탑을 제외한 기기에서만 모바일 전용 페이지를 출력하려면 아래와 같이 하면 된다.
CSS3 Media Queries를 이용하면 동적인 레이아웃을 구현할 수 있지만 여기서는 PHP로 모바일기기를 인식하고 리다이렉트 시키는 방법을 소개한다.
1) 아래의 파일을 내려받는다.
첨부된 파일은 2010년 4월 25일 버전이다. 최신 버전을 확인하려면 http://detectmobilebrowsers.mobi/ 를 방문하도록 한다.
2) 내려받은 파일을 자신의 계정에 업로드하고 아래의 코드를 입력한다.
include('mobile_device_detect.php'); mobile_device_detect(true,true,true,true,true,true,true,'http://m.google.com/','http://google.com/');
위 코드가 입력된 페이지에서 모바일 브라우저를 인식한 후, 모바일 브라우저이면 http://m.google.com/ 으로, 아니면 http://google.com/ 으로 이동시킨다.
또한 true가 7개 있는데, 왼쪽부터 순서대로 보면: 아이폰, 아이패드, 안드로이드, 오페라, 블랙베리, 팜, 윈도우즈 이다.
이들 중 인식하지 않길 원하는 모바일 브라우저가 있다면 false로 대체하면 된다.
예를들어 아이패드와 데스크탑을 제외한 기기에서만 모바일 전용 페이지를 출력하려면 아래와 같이 하면 된다.
mobile_device_detect(true,false,true,true,true,true,true,'http://m.google.com/','http://google.com/');
반응형
LIST
'PHP & Laravel' 카테고리의 다른 글
[PHP] PHP로 이미지 주소 숨기기 (0) | 2011.08.23 |
---|---|
[PHP] (TwitPic.com, Snoopy class 응용) 트위터 사진 갤러리 만들기 (0) | 2011.07.26 |
[jQuery] Internet Explorer에서 input[type=checkbox]에 스타일(CSS) 적용하기 (0) | 2011.07.07 |
[PHP] PHP로 브라우저 알아내기 (0) | 2011.06.10 |
[PHP] (is.gd, Snoopy Class 응용) 자동으로 URL 줄이기 (0) | 2011.06.10 |