PC 데스크탑에서 모바일 화면 보기 (feat.크롬)

블로그 글을 쓸 때 주로 PC를 이용합니다. 그러면서

글쓰기 할 때 모바일에서는 어떻게 보일까 궁금하여 스마트폰을 열고 글을 보곤 했는데요.

 

 

이제는 이 방법만 알면 그럴 필요가 없습니다.

 

 

 

 

오늘은 현재 우리나라에서 웹브라우저 이용자가 70%를 넘게 사용하고 있는 크롬을 예로 들어보겠습니다.

웹브라우저 오른쪽 화면에 보시면 자신의 이름 옆에 세로로 된 점3개가 있습니다.

거기를 눌러보시면 아래와 같이 메뉴가 확장되어 보입니다. 

도구 더보기를 눌러주세요.

 

 

 

 

 

 

"도구 더보기"를 누르시면 아래의 메뉴가 펼쳐지면서

맨 아래쪽에 개발자 도구가 있어요.

 

 

 

개발자 도구를 누르고 나면 오른쪽에는 코딩 화면이 보입니다. 

자세히 보시면 모니터에 스마트폰이 겹친 듯 보이는 아이콘이 보이실 거예요.

이걸 눌러줍니다.

 

 

그러면 왼쪽에 모바일로 변경된 화면이 보입니다.

모니터 사이즈가 크다면 화면을 조금 더 줄여보세요.

 

 

여기가 사이즈 조절점이예요.

양쪽으로 폭이 조금 더 좁으면 진짜 스마트폰 화면처럼 보입니다.

 

 

 

 

 

 

이럴 때 주소를 자세히 보시면 본래 네이버 주소는 www.naver.com  인데,

m.naver.com으로  로 되어 있습니다.

 

여기에서 유추해 볼 수 있는 사실이 있습니다.

주소창에서 www 대신에 m으로 바꾸어 주면 쉽게 모바일 형식으로 

PC 화면을 바꿀 수 있다는 사실을 알 수 있습니다.

 

 

어떤가요? 데스크탑 PC에서도 모바일 화면으로 보는 방법 너무 쉽지요?