청정원 행복 7호 선물세트
COUPANG
www.coupang.com
PC에서 모바일 웹 화면 보기
PC를 사용해 업무를 하다보니, PC에서 작업을 하다가 모바일 화면에는 어떻게 출력이 되는지
확인해야 할 때가 있습니다.
스마트폰을 들고 확인해 보면 되겠지만, 듀얼 모니터를 사용하는 경우에는 별도 창을 열어놓고
듀얼 모니터에서 확인하는 것이 편하더군요.
이런 식으로 PC버전 도메인 앞에 m.도메인으로 PC에서 모바일 버전을 확인할 수 있으나
실제 모바일에서 보여지는 것과 일부 차이가 생기게 마련이고, 일부 서비스는 모바일 버전을 확인할 수 없기도 합니다.
크롬 브라우저가 설치되어 있으면 간단하게 데스크톱에서 모바일화면과 최대한 유사하게
PC에서 모바일 웹을 확인할 수 있습니다.
1. 크롬에서 개발자 도구 열기
크롬 브라우저를 실행하고 단축키 F12를 누르면 개발자 도구가 실행됩니다.
또는 아래 그림처럼 우측 아이콘 > 도구더보기 > 개발자도구를 선택해도 됩니다.
2. PC버전 모바일 웹 실행
개발자 도구 toggle device toolbar 아이콘을 선택하거나
ctlr+Shift+M 단축키를 선택합니다.
3. PC버전 모바일 웹 실행
toggle device toolbar 아이콘을 선택하면
PC 화면이 모바일 웹 버전으로 변경 됩니다.
아래 화면은 PC 버전 화면인데, 새로고침(F5)하면
모바일 웹 버전으로 확인 할 수 있습니다.
4. PC버전 모바일 웹 이용
새로고침을 하니 PC에서 모바일 웹 화면을 확인할 수 있습니다.
마우스 왼쪽버튼을 누르거나, 마우스 포인트를 화면에 두고 스크롤을 하면
손가락으로 터치하듯이 화면이동이 가능하며 자세히 보려면 클릭해 주면 됩니다.
PC이다 보니 즐겨찾기 등의 일부 기능은 제한적이며
단지 해당 웹사이트의 모바일 버전 화면을 확인할 수 있습니다.
5. 모바일 DEVICE 설정
다양한 디바이스를 선택할 수 있는데, 저는 크게 사용하지 않는 기능입니다.
원하는 기기를 선택하면 가로 세로 사이즈가 해당 기기에 맞춰 변합니다.
6. PC에서 모바일 화면 이용
이렇게 설정을 하고 난 후에 본인이 확인하고자 하는 URL을 입력해 주면
PC에서 모바일 화면을 이용할 수 있습니다.
7. PC에서 모바일 화면 해제
PC에서 모바일 화면을 이용하다가 다시 PC 화면으로 돌아오려면 모바일 아이콘(아이패드 모양)을 클릭하고
우측 상단 X 버튼을 선택하고 개발자 도구를 닫습니다.
이후 모바일 버전이 유지되는데, 새로고침(F5) 하면 PC버전으로 확인됩니다.
크롬 브라우저로 간편하게 PC에서 모바일 웹 화면을 확인해 보세요.
본 포스팅은 쿠팡파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있습니다.
'IT 모바일 라이프' 카테고리의 다른 글
| 아이폰 홈화면 추가 설정 (1) | 2021.02.07 |
|---|---|
| 알뜰요금제 비교, 리퍼폰으로 저려하게 알뜰폰 이용하세요. (0) | 2021.02.05 |
| 웹기획 스토리보드 양식과 스토리보드 작성 예시 (1) | 2021.02.03 |
| 웹 서비스 기획 IA와 프로젝트 스케줄 관리 (0) | 2021.02.03 |
| 웹 기획 스토리보드 양식, 스케줄 관리 양식 (0) | 2021.01.29 |
댓글