블로그.지오닷컴

일전에 화면 사이즈에 따라 이동하는 경로를 다르게하는 소스를 소개해 드린 바 있습니다. 해당 소스의 문제점은 특정 화면 사이즈가 안 되는 화면일 경우에는 모바일 브라우저가 아니더라도 모바일 사이트로 이동되는 버그가 있었습니다. 대표적으로 넷북이 되겠지요. 하여, 접속하는 사용자의 브라우저 종류에 따라 접속 경로를 재지정하는 소스를 소개해 드립니다.

일반 웹사이트와 모바일 사이트를 동시에 개발하면 같은 도메인으로 접속해도 각각 PC버전과 모바일 버전으로 접속하도록 만들 필요가 있습니다. 저도 최근에 웹사이트를 개발하며 해당 코드를 간단하게 자바스크립트로 짜게 되어서 여기에 공유를 합니다. 위의 소스를 보면 화면 사이즈가 1030픽셀 이하면 /m 이라는 주소로, 그 이상이면 /home 이라는 주소로 이동하도록 코딩하였습니다. 제가 만든 PC버전 웹사이트의 폭이 1030픽셀이라서 화면 폭이 그 이상이면 굳이 모바일로 접속할 필요가 없다고 생각해서 기준을 이렇게 잡았습니다. 접속하는 웹브라우저의 종류를 판단해서 모바일로 사이트로 접속하도록 유도하는 것도 하나의 방법이겠지만 풀브라우징이 가능한 환경에서 굳이 모바일 사이트로 접속할 필요는 없다는게 제 생각입..