블로그.지오닷컴

화면 사이즈에 따라 다른 사이트로 접속하기 본문

노하우/웹서비스 개발

화면 사이즈에 따라 다른 사이트로 접속하기

지오닷컴 2010. 11. 2. 16:18
일반 웹사이트와 모바일 사이트를 동시에 개발하면 같은 도메인으로 접속해도 각각 PC버전과 모바일 버전으로 접속하도록 만들 필요가 있습니다. 저도 최근에 웹사이트를 개발하며 해당 코드를 간단하게 자바스크립트로 짜게 되어서 여기에 공유를 합니다.

<script language="javascript">
<!--
var toURL;
if(screen.width < 1030) {
toURL = "/m";
} else {
toURL = "/home";
}
location.href = toURL;
//-->
</script>

위의 소스를 보면 화면 사이즈가 1030픽셀 이하면 /m 이라는 주소로, 그 이상이면 /home 이라는 주소로 이동하도록 코딩하였습니다. 제가 만든 PC버전 웹사이트의 폭이 1030픽셀이라서 화면 폭이 그 이상이면 굳이 모바일로 접속할 필요가 없다고 생각해서 기준을 이렇게 잡았습니다.

접속하는 웹브라우저의 종류를 판단해서 모바일로 사이트로 접속하도록 유도하는 것도 하나의 방법이겠지만 풀브라우징이 가능한 환경에서 굳이 모바일 사이트로 접속할 필요는 없다는게 제 생각입니다.

또 다른 소스가 생기면 다시 돌아오겠습니다. ^^
반응형
Comments