언제인지 모르겠지만 PC용 구글 크롬에 모바일 기기를 에뮬레이션할 수 있는 메뉴가 생겼더군요.
사용해 봤더니 잘 되길래 방법을 남겨 봅니다. 이제 모바일모드 접근을 위해 윈도우용 사파리 브라우저를 쓸 일은 없게 될 것 같아, 컴퓨터가 한 결 깔끔해질 것으로 기대됩니다. 나중에 티스토리 블로그를 반응형 스킨으로 바꾸게 될 때에도 도움이 많이 될 것 같군요.
▼ 일단 원하는 사이트에 진입한 다음…
▲ 크롬 우측 상단의 메뉴를 누르고, 도구 → 개발자 도구(D) 로 들어갑니다.
(단축키는 Ctrl+Shift+I 혹은 F12)
▲ ‘>≡’ 버튼을 누르고 Emulation 탭으로 들어갑니다.
혹시 ‘>≡’ 버튼 누르고 나서 아래와 같은 창이 뜨면 붉에 네모 표시한 두 곳 중 아무거나 눌러주세요. 그러면 위 스크린 샷처럼 Emulation 탭을 선택할 수 있게 됩니다.
▲ Model 선택 란에서 적절한 모바일 기기를 고르면…
▲ 자동적으로 붉은 색 밑줄 친 곳이 활성화되면서 모바일모드가 활성화됩니다.
해상도 조정 필요하면 해주시고요,
이제 새로고침 한 번 누르면 해당 페이지가 모바일 모드(모바일 홈페이지)로 보일 겁니다.
이제 개발자 도구 끄셔도 되고,
돌아올 때는 다시 개발자도구 들어가서 위 스크린 샷에 보이는 ‘Reset’ 버튼을 누르면 됩니다.
(역시 페이지가 바뀌지 않을 때는 새로고침 한 방~)