PC에서 웹페이지 모바일 모드로 보기

PC에서 웹브라우저로 크롬을 사용한다면 간단하게 모바일 모드로 전환하게 해주는 확장 프로그램으로 ☞User Agent Switcher for Google Chrome을 많이들 사용하시지요?

크롬에 User Agent Switcher가 설치되있다면 툴바에서 실행하여 Default로 되어있는 드롭다운 버튼을 누른 후 원하는 모바일 모드를 선택하면 자동 로드되는데요.

그러나 저는 User Agent Switcher를 추천하지는 않습니다.

User Agent Switcher가 크롬 웹 스토어에 등록된지 오래되어 업데이트 문제 때문인지? 제 PC 문제인지는 모르나 윈도우 10 환경에선 완벽하게 모바일 모드를 구현하지 못하고 있는데요.

User Agent Switcher와 유사한 확장 프로그램보다는 PC에서 크롬의 자체 기능을 이용하면 모바일 모드를 디바이스에 따라 제한적일 수 있지만 완벽(?)하게 구현할 수 있습니다.

크롬에서 웹페이지를 모바일 모드로 전환하려면 일단 단축키 F12 키를 눌러 개발자 도구를 불러온 후 창 상단 메뉴 왼쪽의 토글 디바이스 툴바 버튼을 누르면 원하는 모바일 모드로 전환할 수 있는데요.

아래 허접한 영상을 참고하시고 요부분에 대한 설명은 생략하겠습니다.

또한 한국인이 사랑하는 웹브라우저 인터넷 익스플로러(IE 11)도 모바일 모드로 전환하는 옵션이 있는데요.

(MS 엣지 브라우저도 동일한 방법으로 적용됩니다.)

일단 IE 11이나 MS 엣지를 실행하고 웹페이지에 접속한 후 구글 크롬처럼 F12 키를 눌러 개발자 도구 화면을 불러와 상단 메뉴에서 에뮬레이션 탭을 선택하고 브라우저 프로필의 데스크톱 드롭다운 버튼을 눌러 모바일 모드로는 비록 하나밖에 없지만 Windows Phone으로 지정하면 해당 웹페이지는 곧바로 모바일 모드로 전환됩니다.

끝으로 어떤 웹브라우저로 이 블로그 페이지에 접속하셨는지 모르지만 상관없이 ☞[여기]를 클릭해 보세요.

위 링크를 누르고 페이지가 열리면 Daum에서 서비스하는 웹 페이지라는 걸 알 수 있는데요.

왼쪽 사이드바를 스크롤해 보면 폰 제조사 각각의 기종들이 준비되어 있고, 사이드바 상단 멀티스크린 모드 토글 버튼 ON, OFF 기능을 사용할 수 있으며, URL 입력란에 웹페이지 주소를 입력하면 해당 페이지를 모바일 모드로 볼 수 있게 됩니다.