PC에서 모바일 버전 웹사이트를 보는 3가지 방법

특정 웹사이트는 PC에서 모바일 화면으로 보는 것이 매우 편리할 때가 많아요. 많은 사람들이 개인적으로는 인스타그램 같은 소셜 미디어를 모바일 버전으로 자주 사용하지만, PC에서도 같은 경험을 누리기를 원하죠. 따라서, PC에서 모바일 버전 웹사이트를 보는 방법을 알아보는 것은 정말 유용해요.

PC에서도 모바일 버전 웹사이트를 보는 방법

크롬 확장프로그램 이용하기

모바일 버전을 자주 활용한다면, 크롬 웹 스토어에서 확장 프로그램을 설치하는 것이 좋습니다. 다음은 그 과정이에요:

1. 크롬 웹스토어로 이동하기
   PC에서 크롬을 실행한 후 크롬 웹스토어에 접속합니다.

2. 모바일 시뮬레이터 검색하기
   검색창에 ‘모바일 시뮬레이터’를 입력하고 검색합니다. 여러 선택지 중 하나를 선택하세요.

3. 설치하기
   사용자 수가 70만 명에 이르는 모바일 시뮬레이터는 신뢰할 수 있는 프로그램이에요. ‘크롬에 추가’ 버튼을 눌러 설치를 진행합니다.

4. 모바일 버전 보기
   설치가 끝나면 특정 웹사이트로 이동하고, 마우스 오른쪽 버튼을 클릭한 후 ‘모바일 시뮬레이터 > 이 페이지에서 모바일 보기를 활성화하세요’를 선택합니다. 그러면 웹사이트가 모바일 버전으로 보이게 됩니다.

5. PC 버전으로 돌아가기
   모바일 버전을 해제하려면 시뮬레이터 비활성화 버튼을 클릭하면 됩니다.

크롬 개발자 도구 활용하기 (F12)

프로그램 설치가 부담스러울 경우, 크롬 개발자 도구를 활용하는 방법도 있어요. 일회성으로 모바일 버전을 보고 싶다면 유용하게 사용할 수 있습니다.

1. 웹사이트 이동하기
   모바일 버전으로 보려는 웹사이트에 접속합니다.

2. F12 클릭하기
   키보드에서 F12 키를 누르거나, 마우스 오른쪽 버튼을 클릭하여 ‘검사’를 선택합니다.

3. 기기 툴바 전환하기
   개발자 도구 창이 뜨면, 왼쪽 위에 있는 기기 툴바 전환 아이콘(또는 Ctrl+Shift+M 단축키)을 클릭하여 모바일 모드로 전환합니다.

4. 원하는 사이즈 선택하기
   다양한 모바일 디바이스 사이즈 중에서 원하는 크기를 선택할 수 있어요. 예를 들어 아이폰 12 Pro로 변경해보세요. 해제를 원하면 개발자 도구 창을 닫으면 됩니다.

엣지 브라우저 모바일 보기

1. 엣지 브라우저 실행하기
   엣지 브라우저를 실행한 후, 모바일 버전으로 보려는 웹사이트에 접속합니다.

2. 사이드바에서 열기
   마우스 오른쪽 버튼을 클릭한 후 ‘사이드바에서 열기’를 선택합니다.

3. 모바일 보기 표시하기
   사이드바에서 방금 열었던 사이트의 목록을 확인하고, 메뉴(⁝)를 클릭하여 ‘모바일 보기 표시’를 선택하면 PC에서도 모바일 버전으로 볼 수 있습니다.

요약

아래 표는 PC에서 모바일 버전 웹사이트를 보는 세 가지 방법을 요약합니다:

방법	설명
크롬 확장프로그램	모바일 시뮬레이터를 설치해 정기적으로 모바일 버전을 쉽게 볼 수 있어요.
크롬 개발자 도구	F12 키를 이용해 일회성으로 모바일 버전을 간편하게 확인 가능해요.
엣지 브라우저	사이드바에서 열기를 통해 모바일 버전으로 쉽게 전환할 수 있어요.

결론

위에서 소개한 방법들을 통해 PC에서도 모바일 버전 웹사이트를 쉽게 볼 수 있어요. 특히, 크롬 브라우저에서는 추가 프로그램 없이도 개발자 도구를 이용하여 다양한 디바이스로 웹사이트를 확인할 수 있으니 매우 편리하죠. 자주 모바일 버전을 이용하시는 분이라면 확장 프로그램 설치를 추천드려요. 이 방법들을 활용해보시고, 여러분의 웹 서핑 환경을 개선해보세요!