블로그.지오닷컴
화면 사이즈에 따라 다른 사이트로 접속하기 본문
일반 웹사이트와 모바일 사이트를 동시에 개발하면 같은 도메인으로 접속해도 각각 PC버전과 모바일 버전으로 접속하도록 만들 필요가 있습니다. 저도 최근에 웹사이트를 개발하며 해당 코드를 간단하게 자바스크립트로 짜게 되어서 여기에 공유를 합니다.
<script language="javascript"><!--var toURL;if(screen.width < 1030) {toURL = "/m";} else {toURL = "/home";}location.href = toURL;//--></script>
위의 소스를 보면 화면 사이즈가 1030픽셀 이하면 /m 이라는 주소로, 그 이상이면 /home 이라는 주소로 이동하도록 코딩하였습니다. 제가 만든 PC버전 웹사이트의 폭이 1030픽셀이라서 화면 폭이 그 이상이면 굳이 모바일로 접속할 필요가 없다고 생각해서 기준을 이렇게 잡았습니다.
접속하는 웹브라우저의 종류를 판단해서 모바일로 사이트로 접속하도록 유도하는 것도 하나의 방법이겠지만 풀브라우징이 가능한 환경에서 굳이 모바일 사이트로 접속할 필요는 없다는게 제 생각입니다.
또 다른 소스가 생기면 다시 돌아오겠습니다. ^^
반응형
'노하우 > 웹서비스 개발' 카테고리의 다른 글
XE 레이아웃 편집할 때 php 함수 바로 사용하기 (0) | 2010.11.25 |
---|---|
DB에서 서로 다른 테이블의 데이터를 한번에 불러오기 (0) | 2010.11.11 |
가볍고 빠른 윈도우7, 글자(한글)가 깨져 보일 때 이렇게 하세요! (3) | 2009.10.28 |
리눅스서버 주요 명령어 및 주요 경로, vi 주요 명령어 (0) | 2009.02.13 |
웹표준 - <ul>과 <li>로 네비에이션바 만들기 (0) | 2008.10.27 |
Comments