크롬(Chrome) 확장프로그램, 응용프로그램 없이 모바일 모드로 보는 방법

안녕하세요 달춍이입니다.

 

오늘은 크롬브라우저를 이용하여 웹사이트를 모바일 모드로 보는 방법에 대해 알려드리겠습니다.

 

우선 크롬 우측 상단에 있는 점 3개를 클릭 하시고, 도구 더보기를 누른 다음 개발자 도구를 눌러줍니다.

F12를 누르셔도 됩니다.

개발자 도구가 실행되면, 기존에 있던 크롬브라우저의 웹사이트와, 개발자도구가 갈라지면서

오른쪽에 개발자 도구가 실행되게 됩니다.

 

개발자 도구 상단에 있는 Toggle Device Toolbar를 눌러줍니다.

눌러주면

이런식으로 뜨게 됩니다.

상단에 있는 Responsive를 눌러주면

원하는 모바일 기종을 선택하실 수 있습니다.

 

저는 여기서 iPhone X를 선택해보았습니다.

선택해주시게 되면 이렇게 iPhone X의 모바일 시점으로 보실 수 있습니다.

 

이상으로 크롬(Chrome) 확장프로그램, 응용프로그램 없이 모바일 모드로 보는 방법에 대해 알아보았습니다.

 

그럼 다음포스팅에서 봬요!!