개요 : 최신 트렌트는 모바일용 홈페이지가 대세인데 이를 구현하기 위한 몇가지 설정에 대한 정리를 하고자 한다.
1. 모든 모바일페이지 (*.html, *.php 문서 해당) 의 <head> </head> 사이에 아래 내용을 정의한다.
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
위 태그는 작성된 웹문서를 모바일 디바이스의 해상도에 맞게 표현해주는 태그다.
2. 모바일 페이지/모바일 홈페이지 자동 리다이렉션 (기존 운영된 홈페이지의 index 파일 최상단에 아래 내용 정의한다.)
[Java Script 버전]
<script type="text/javascript" language="JavaScript"> var mobileKeyWords = new Array('iPhone', 'iPod', 'BlackBerry', 'Android', 'Windows CE', 'Windows CE;', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson', 'Mobile', 'Symbian', 'Opera Mobi', 'Opera Mini', 'IEmobile'); for (var word in mobileKeyWords){ if (navigator.userAgent.match(mobileKeyWords[word]) != null){ window.location.href = "이동할 주소"; break; } } </script> |
[PHP 버전]
| <? php $mobileKeyWords = array ('iPhone','iPod','BlackBerry','Android','Windows CE','Windows CE;','LG','MOT','SAMSUNG','SonyEricsson','Mobile','Symbian','Opera Mobi','Opera Mini','IEmobile');
for($i = 0 ; $i < count($mobileKeyWords) ; $i++) { if(strpos($_SERVER['HTTP_USER_AGENT'],$mobileKeyWords[$i]) == true) { header("Location: http://이동할주소"); exit; } } ?> |
3. .htaccess 파일 정의 (기존 index 파일이 위치한 동일 경로에 생성)
RewriteEngine On
RewriteCond $1 !^(m)/
RewriteCond %{HTTP_HOST} ^m\.domain\.com [NC]
RewriteRule ^(.*)$ /m/$1 [L]
위 내용을 .htaccess 파일로 저장하면 된다.
'Works > PHP' 카테고리의 다른 글
| 계정별 php 파일 업로드 용량 및 최대 업로드 갯수 설정 (0) | 2015.11.24 |
|---|---|
| Imagerotate 테스트 소스 (0) | 2015.11.09 |
| php 파일 암호화 php_screw-1.5 (0) | 2015.10.30 |
| php 실행시 Extension \'경로' not present. 에러 메시지 뜰 경우 (0) | 2015.10.28 |
| 모바일페이지 자동이동과 주소체크 통합 리다이렉션 스크립트 (0) | 2015.10.28 |