PC브라우져를 통한 모바일 페이지 보기
Utility / 2011. 9. 1. 21:41
간혹 개발하다 보면, PC브라우져를 통해서 모바일로된 사이트를 봐야하는 경우가 생긴다. 그런데, 해당 모바일 사이트가 URL이 PC버전과 다르면 상관이 없는데, 서버에서 해당 Request Header 정보를 확인해서 현재 요청이 들어온 녀석이 어떤 OS인지, 어떤 브라우져인지 확인해서 모바일버전의 페이지 또는 PC버전의 페이지인지 확인해서 내려주면 백날 그냥 요청해 봤자 PC버전의 페이지만 보게 될 것이다. 그럼 후자의 경우처럼 서버에서 체크해서 페이지를 내려주는데 어떻게 볼수 있느냐?!! 방법은 간단할수도 있고 복잡할 수도 있다. 결론은 Request Header 정보를 변경해서 서버에서 마치 모바일 웹브라우져로 접속한 것 처럼 속이는 것이다. 그럼 어떻게 하면 될까라는 의문이 생길 것인데, 이는 브라우져 마다 설정해주는 기능이 따로 있다.
[파이어폭스 (Firefox)]
파이어폭스 같은 경우는 부가기능 중에 이러한 처리는 해주는 녀석이 있다.
- User Agent Switcher 라는 것 인데 이를 설치를 하고, 도구로 가서 아래 그림과 같이 설정을 한다.
파이어폭스를 이용해서 보는 방법은 여기까지다.
[사파리 (Safari)]
사파리 같은 경우는 파이어폭스 보다는 좀 쉽다!!
사파리브라우져에서 환경설정으로 간다. 그리고 고급메뉴를 선택을 한다. (아래 그림과 같이)
고급메뉴 맨 아래 보면 "메뉴 막대에 개발자 메뉴 보기" 체크 박스가 있는데, 이를 체크로 한다.(기본으로 체크가 안되어 있다.)
체크를 하고, 상태메뉴를 보면 아래와 같이 개발자용이라는 메뉴가 생겨져 있을 것 이다.
개발자용 메뉴를 클릭해서 사용자 에이전트 내용을 변경하면 모바일 웹사이트를 볼 수 가 있다.
위 내용중 아이폰,아이패드 관련을 선택을 한다. 그리고 네이버 사이트를 접속해 보자!
이로써 사파리에서도 모바일 웹사이트 보는 방법에 대해서 알아 봤다.
[인터넷 익스플로러 (Internet Explorer)]
인터넷 익스플로러 같은 경우는 시스템 레지스트리값을 변경하여야 확인 할 수 있다. 이는 정말 귀찮은 방법이 이므로 패스 한다.