컴퓨터로 모바일 화면 보는 방법

일을 하면서, 모바일로 봤을 땐 어떻게 보이는지 궁금할 때가 많은데, 간단한 방법은 직접 휴대폰으로 띄워서 보면 되지만, 그렇게 하지 못하는 상황이라면 컴퓨터를 이용해서 모바일 화면을 볼 수 있습니다.

 

보통은 녹스, 블루스택 등의 앱플레이어를 설치해서 볼 수 있다고 하지만, 앱 플레이어 프로그램을 설치하지 않아도 우리가 사용하는 브라우저를 통해 쉽게 확인할 수 있습니다. 대부분 엣지, 크롬, 웨일을 많이 사용하고 있을 듯 싶어 3가지 브라우저를 이용하여 모바일 화면 보는 방법을 알려드리겠습니다.

 

컴퓨터로 모바일 화면 보기 : 엣지/크롬

엣지, 크롬 브라우저를 통해 모바일 화면 보는 방법은 동일합니다. 더보기 → 기타도구/도구더보기 → 개발자도구를 클릭합니다. 그리고 인터넷을 연 상태에서 F12를 누르면 바로 개발자도구가 열립니다. 

 

오른쪽에 코드들이 보이는데, 위 요소 옆 휴대폰/태블릿 모양의 버튼을 클릭합니다. 그리고 왼쪽 위에 보면 휴대폰 기종을 선택할 있어서 원하는 기종의 화면을 볼 수 있습니다. 다 설정해도 그래도 PC화면인데 새로고침을 하시면 됩니다.

 

사진처럼 모바일 화면이 나타납니다. 다른 사이트들도 역시 같은 방법으로 모바일로 볼 수 있습니다.

 

컴퓨터로 모바일 화면 보기 : 네이버웨일

네이버웨일은 크롬이나 엣지처럼 개발자 도구를 열어도 되지만 개발자도구가 아니여도 모바일 화면을 볼 수 있습니다. 오른쪽 위 더보기 → 모바일 창을 클릭합니다.

 

기존에 열린 웨일 창 말고, 모바일버전의 창이 나타납니다. 여기서 네이버나 다음 등 사이트를 열면 휴대폰으로 봤던 사이트처럼 열리게됩니다.

---

컴퓨터를 하면서 모바일 화면을 볼 일이 거의 없는편이긴 하지만, 한 번씩 내가 작성한 글이나 만든 사이트가 어떤 형식으로 모바일에서 보일지 궁금해서 확인하고 있습니다. 따로 프로그램을 설치하지 않아도 사용하고 있는 브라우저만 있으면 볼 수 있습니다. 그럼 도움이 되셨길 바라며, 마치겠습니다. 감사합니다.