요즘엔 크로스플랫폼 지원 때문에 PC버전 홈페이지와 모바일 버전 홈페이지를 따로 지원하거나 반응형 홈페이지 형태로 홈페이지가 서비스 되고 있습니다.

모바일 버전 사이트는 PC버전 홈페이지에 비해 간단하게 구성되어 있고 이미지등이 간소하게 사용되어 모바일 트래픽을 고려한 사이트 디자인이 포인트인데요.

커뮤니티 사이트 역시 모바일 버전이 깔끔해서 PC에서도 모바일 버전으로 접속한 다음 모니터 한켠에 두고 다른 작업과 병행하고 싶은 생각을 해본적이 있을겁니다.

반응형 사이트의 경우 창을 줄이면 자동으로 모바일모드로 넘어가지만 브라우저의 user agent를 구별해서 페이지를 열어주는 경우에는 모바일 페이지의 주소로 접속해야 하는 번거로움이 있습니다. (이 또한 모바일 페이지 주소를 모를 경우 접속이 번거로워집니다.)

또는 웹디자인을 할때 모바일 페이지와 PC버전 페이지 테스트시 크롬 브라우저를 사용하고 있다면 확장 프로그램 User-Agent Switcher를 이용해 마우스 클릭 하나로 모바일모드로 전환할수 있습니다.

크롬 모바일모드 확장 프로그램 User-Agent Switcher

chrome_extension_user_agent_switcher_01

User Agent Switcher 다운로드 링크

크롬 웹스토어 검색창에 User Agent Switcher를 검색한 다음 다운로드 받아도 되지만 사용자 편의를 위해 위에 링크를 남겨놨습니다. 클릭해서 User Agent Switcher 확장 프로그램을 설치합니다.

chrome_extension_user_agent_switcher_02

User Agent Switcher를 설치하면 주소표시줄 오른쪽에 스파이(?) 같은 아이콘이 생기는데 클릭하면 user-agent를 변경할수 있는 장치 혹은 브라우저들이 보입니다.

모바일모드로 전환하고 싶다면 iOS나 Android를 선택합니다. 반대로 원래대로 돌아오고 싶다면 Chrome > Default를 선택하면 되겠습니다.

PG

익스트림 매뉴얼 주인장 PG입니다. 다방면의 디지털 기술에 관심이 많고 삽질을 즐겨합니다. 포스트 내용중 궁금한 점이 있다면 댓글로 남겨주세요.

익스트림 매뉴얼의 모든 내용은 불펌금지 입니다. 자세한 내용은 링크를 참조하세요.

댓글이 없습니다.