특정 웹사이트를 사용할 때, 모바일 버전으로 보는 것이 더 편리할 때가 많아요. 특히 SNS나 쇼핑몰 같은 사이트에서는 모바일 버전이 더 깔끔하고 직관적이기 때문인데요. 그럼, PC에서 모바일 버전 웹사이트를 보는 3가지 간단한 방법을 알아볼까요?
모바일 버전 웹사이트를 보는 방법
모바일 화면에서 볼 때의 장점은 화면 공간을 효율적으로 사용하고, 불필요한 요소들이 줄어들어 사용자 경험이 향상된다는 점이에요. 이러한 장점이 있기 때문에 많이들 찾게 되는 것 같아요. 다음은 PC에서 모바일 버전을 쉽게 볼 수 있는 방법들입니다.
1. 크롬 확장 프로그램 이용하기
크롬에서 모바일 버전을 자주 이용한다면 확장 프로그램을 설치하는 것이 좋아요.
1.1 크롬 웹스토어 접근하기
PC에서 크롬 브라우저를 실행한 후, 크롬 웹스토어로 이동해주세요.
1.2 모바일 시뮬레이터 검색
검색창에서 "모바일 시뮬레이터"를 입력하고 클릭하세요.
1.3 설치하기
모바일 시뮬레이터는 70만 명 이상의 사용자가 사용하고 있어서 안심하고 사용할 수 있어요. '크롬에 추가' 버튼을 눌러 설치를 진행해주세요.
1.4 모바일 버전 보기
설치 완료 후, 원하는 웹사이트에 방문해서 마우스 오른쪽 버튼을 클릭하고 “모바일 시뮬레이터” > “이 페이지에서 모바일 보기를 활성화”를 클릭하세요. 이제 PC에서도 모바일 버전으로 사용할 수 있어요.
1.5 PC 버전으로 돌아가기
모바일 버전을 해제하려면 시뮬레이터 비활성화 버튼을 누르면 됩니다.
2. 크롬 개발자 도구 활용하기 (F12)
프로그램 설치 없이 일회성으로 모바일 버전을 보고 싶다면 크롬 개발자 도구를 활용할 수 있어요.
2.1 웹사이트 이동
먼저 모바일 버전으로 보고 싶은 웹사이트에 이동하세요.
2.2 F12 클릭
키보드에서 F12를 눌러 개발자 도구를 열거나, 마우스 오른쪽 버튼을 클릭하여 '검사'를 선택하세요.
2.3 기기 툴바 전환
새로 뜨는 창에서 왼쪽 상단의 기기 툴바 전환 아이콘을 클릭하세요. 단축키는 Ctrl + Shift + M이에요.
2.4 원하는 사이즈 선택
모바일 버전으로 변경되는 것을 볼 수 있으며, 여기서 원하는 디바이스 크기를 선택할 수 있습니다. 예를 들어, 아이폰 12 Pro를 선택하면 해당 디바이스의 화면 크기로 변하게 돼요. 해제를 하려면 창을 닫으면 됩니다.
3. 엣지 브라우저 모바일 보기
마이크로소프트 엣지 브라우저를 이용할 수도 있어요.
3.1 엣지 브라우저 실행
PC에서 엣지 브라우저를 실행하세요.
3.2 웹사이트 접속
모바일 버전으로 보려는 웹사이트에 방문하세요.
3.3 사이드바에서 열기
마우스 오른쪽 버튼을 클릭하고 '사이드바에서 열기'를 선택하세요.
3.4 모바일 보기 표시
사이드바에서 방금 열었던 사이트에서 ⁝를 클릭하여 '모바일 보기 표시'를 선택하면 PC에서도 모바일 버전으로 볼 수 있어요.
| 방법 | 설명 | 특징 |
|---|---|---|
| 크롬 확장 프로그램 | 모바일 시뮬레이터 설치 후 사용 | 안정적, 사용자 수 많음 |
| 크롬 개발자 도구 | F12로 개발자 도구 열기 | 일회성, 프로그램 설치 불필요 |
| 엣지 브라우저 모바일 보기 | 사이드바에서 모바일 보기 활성화 | 간편하게 사용 가능 |
결론
오늘은 PC에서 모바일 웹사이트를 보는 3가지 방법을 소개해드렸어요. 이 외에도 네이버 웨일 브라우저에서 마우스 오른쪽 버튼을 눌러 '모바일 창으로 열기' 기능을 사용하는 등 다양한 방법이 있으니 참고하세요. 자주 모바일 버전을 활용하고 싶으시다면 모바일 에뮬레이터를 이용해 보세요. 이렇게 모바일 화면으로 쉽게 변환하여 웹사이트를 사용할 수 있답니다! 다음 번에도 유용한 팁을 가지고 올게요.
자주 묻는 질문 Q&A
Q1: PC에서 모바일 버전을 어떻게 볼 수 있나요?
A1: 크롬 확장 프로그램, 개발자 도구(F12), 또는 엣지 브라우저의 모바일 보기 기능을 이용해 볼 수 있습니다.
Q2: 크롬 개발자 도구를 사용하려면 어떻게 해야 하나요?
A2: 웹사이트에 이동한 후 F12를 눌러 개발자 도구를 열고, 기기 툴바 전환 아이콘을 클릭하면 모바일 버전으로 변경할 수 있습니다.
Q3: 모바일 시뮬레이터 설치는 어떻게 하나요?
A3: 크롬 웹스토어에 접속해 "모바일 시뮬레이터"를 검색한 후, '크롬에 추가' 버튼을 눌러 설치하면 됩니다.