PC 크롬 웹 브라우저로 모바일 화면을 볼 수 있을까? PC에서 만든 제작물이 스마트폰에서는 어떻게 보일지 궁금할 때 스마트폰을 켤 필요없이 크롬을 이용해 보세요. 크롬 개발자 모드로 들어가면 간단하게 스마트폰처럼 화면을 보실 수 있습니다. 버튼만 누르면 되는 PC 크롬 모바일 모드 사용 방법을 자세히 알아봅시다.

크롬에서 더보기 > 도구 더보기 > 개발자 도구를 클릭해 줍니다. (단축키 F12를 누르시면 더 빠릅니다.)

개발자 도구에서 스마트폰 버튼을 누르면 PC 화면이 줄어듭니다. 여기서 새로고침을 눌러 줍니다.

새로고침을 누르면 모바일 화면 모드로 전환됩니다.

가로세로 버튼을 누르면 모바일 가로 화면으로도 보실 수 있습니다.

Dimensions: Responsive를 누르면 스마트폰 모델별 크기로 확인이 가능합니다. 더 많은 스마트폰 종류를 보려면 Edit를 클릭해 주세요.

Edit를 누르면 오른쪽에 더 많은 스마트폰 크기를 선택하실 수 있습니다. PC에서 모바일 화면을 보고 싶을 때 크롬 모바일 모드를 사용하시면 편리하게 이용하실 수 있습니다.