특정 웹사이트는 모바일 화면으로 보는 것이 더 편리할 때가 있습니다. 예를 들면 저는 인스타그램을 PC에서도 모바일처럼 보기 위해 화면 전환 기능을 사용하고 있습니다. 최근 들어 무신사 웹사이트도 모바일 버전처럼 변경이 되었다고 하는데요. 이럴 때는 모바일 화면처럼 작게 만들어서 보면 편리할 때가 있습니다. 그러면 간단하게 PC에서 모바일 버전으로 보는 3가지 방법에 대해서 알아보도록 하겠습니다.
PC에서도 모바일 버전 웹사이트를 보는 방법
크롬 확장프로그램 이용하기
모바일 버전을 자주 이용을 한다면 확장프로그램 설치를 추천합니다.
1. 크롬 웹스토어
PC에서 크롬을 실행하고 크롬 웹스토어로 이동합니다.
2. 모바일 시뮬레이터 검색
크롬 웹 스토어 검색 화면에서 모바일 시뮬레이터를 검색하고 클릭합니다.
3. 설치하기
모바일 시뮬레이터는 70만명의 사용자가 있는 만큼 안심하고 사용을 해도 되는 프로그램입니다. 크롬에 추가 버튼을 눌러 설치를 진행합니다.
4. 모바일 버전 보기
크롬에서 특정 웹사이트로 이동을 합니다. 그리고 마우스 오른쪽 키를 눌러 모바일 시뮬레이터 > 이 페이지에서 모바일 보기를 활성화하세요를 클릭합니다.
그러면 PC에서도 모바일 버전으로 볼 수가 있습니다.
5. PC 버전으로 돌아가기
모바일 버전을 해제하려면 시뮬레이터 비활성화 버튼을 눌러주면 되겠습니다.
크롬 개발자 도구 활용하기(F12)
프로그램 설치가 부담스럽고 일회성으로 모바일 버전을 보기 원한다면 크롬 개발자 도구를 활용하면 편리합니다.
1. 웹사이트 이동
개발자 도구를 활용하기 앞서 모바일 버전으로 보려고 하는 웹사이트로 이동합니다.
2. F12 클릭
키보드 자판에서 F12를 클릭하거나 마우스 오른쪽키를 눌러 검사를 클릭합니다.
3. 기기 툴바 전환
그러면 이렇게 새로운 창이 하나 뜨는 것을 볼 수가 있습니다. 여기에서 왼쪽에 보이는 기기 툴바 전환 아이콘을 클릭합니다. 단축키로는 Ctrl+Shift+M입니다.
4. 원하는 사이즈 선택
특정 웹사이트가 모바일 버전으로 변경되는 것을 볼 수가 있으며 여기에서 크기를 누르면 원하는 디바이스로 변경이 가능합니다. 저는 주로 아이폰 12 pro를 이용하고 있습니다. 해제를 하려면 새로운 창을 닫으면 되겠습니다.
엣지 브라우저 모바일 보기
1. 엣지 브라우저 실행
PC에서 엣지 브라우저를 실행합니다.
2. 웹사이트 접속
모바일 버전으로 보려고 하는 웹사이트에 접속합니다.
3. 사이드바에서 열기
마우스 오른쪽키를 눌러 사이드바에서 열기를 클릭합니다.
4. 모바일 보기 표시
그러면 사이드바에서 방금 열었던 사이트가 이동이 되는 것을 볼 수가 있으며 여기에서 ⁝ 를 클릭해서 모바일 보기 표시를 누르면 PC에서도 모바일 버전 보기가 가능합니다.
※ 같이 보면 좋을 만한 글들 ※
-> 반대로 모바일에서 PC 버전으로 보는 방법
마무리
3가지 방법에 대해서만 소개를 했는데 이 외에도 네이버 웨일 브라우저도 마우스 오른쪽 키를 눌러 모바일 창으로 열기 기능을 이용할 수도 있기 때문에 다른 방법도 많다는 점을 참고하시면 좋을 것 같고 자주 이용을 하신다면 모바일 에뮬레이터를 이용하시기를 바랍니다.
