Chrome에서 컴퓨터의 모바일 웹사이트를 보는 방법

0
313

구글 크롬 로고.

대부분의 인터넷 사용은 이제 휴대전화와 태블릿에서 이루어지므로 웹사이트가 모바일에서 어떻게 보이는지 확인하는 것이 좋습니다. Google 크롬에는 데스크톱 컴퓨터에서 바로 이 작업을 수행할 수 있는 편리한 도구가 있습니다.

웹 개발을 하고 있고 웹사이트가 얼마나 반응하는지 테스트하고 싶거나 그저 궁금해서일 수도 있습니다. 어느 쪽이든 Chrome의 “검사” 메뉴에서 빠르게 확인할 수 있습니다. 어떻게 작동하는지 보여드리겠습니다.

관련된: Google 크롬 브라우저를 설치 또는 제거하는 방법

먼저 데스크톱의 Chrome에서 모바일 보기로 보고 싶은 웹사이트로 이동합니다. 여기에서 다음 두 가지 중 하나를 수행할 수 있습니다.

  • 빈 공간을 마우스 오른쪽 버튼으로 클릭하고 메뉴에서 “검사”를 선택합니다.
  • 키보드 단축키 Ctrl + Shift + I(대문자 “i.”)을 사용합니다.

"검사" 메뉴를 엽니다.

검사 메뉴는 브라우저 창의 오른쪽에서 열립니다. 상단 도구 모음에서 장치 아이콘을 클릭하기만 하면 됩니다.

페이지가 즉시 모바일 레이아웃으로 전환됩니다. 기본적으로는 ‘반응형’ 모드로 되어 있으며, 오른쪽에 있는 핸들을 드래그하면 화면이 넓어짐에 따라 페이지가 동적으로 변경되는 것을 볼 수 있습니다.

페이지 오른쪽에 있는 핸들을 드래그하면 페이지가 동적으로 변경되는 것을 볼 수 있습니다.

광고

상단 표시줄에서 드롭다운을 선택하고 특정 장치에 대해 형식이 지정된 페이지를 볼 수도 있습니다.

드롭다운을 클릭하여 장치를 변경합니다.

“검사” 메뉴를 닫거나 장치 아이콘을 다시 클릭하여 바탕 화면 레이아웃으로 다시 전환합니다.

"검사" 메뉴를 닫습니다.

그게 거의 전부입니다. 이제 휴대전화를 들지 않고도 Chrome에서 다양한 모바일 레이아웃으로 웹사이트를 쉽게 볼 수 있습니다.

관련된: Chrome에서 홈페이지를 변경하는 방법