크롬 PC 웹에서 모바일로 보는 방법(복사 안될때)

크롬 F12 활용하기

웹을 개발을 하거나 웹에서 레이아웃을 확인해야 할 때 혹은 필요한 내용을 복사, 붙여 넣기 할 때, 아니면 dom을 확인해야 할 때 등 여러 이유에서 PC에서 웹의 모바일 버전을 확인해야 할 때가 있습니다. 그때 크롬을 통해서 이용할 수 있는 방법에 대해 살펴보겠습니다.

 

 

크롬에서 모바일 버전으로 보기(모바일 버전에서 PC 버전으로 전환)

인터넷(PC)을 모바일로 보는 방법

방법은 간단합니다. F12를 누르면 우측에 위와 같은 복잡한 창이 뜨는데 거기서 휴대폰과 태블릿이 함께 있는 모양을 누르면 됩니다. 클릭할 때마다 모바일, PC 버전으로 바뀌므로 필요할 때마다 바꿔주시면 됩니다.

 

 

좌측부터 모바일로 보는 화면과 PC로 보는 화면 차이

 

어느샌가 크롬이 업데이트를 하면서 F12를 누르면 바로 모바일 보기 창으로 바뀌었습니다. 앞으로는 이와 같은 방법을 통해 문제를 해결하시면 되겠습니다.

 

 

크롬에서 F12가 안 눌릴 때

간혹 특정 사이트에서 F12 단축키를 허용하지 않는 사이트가 있습니다. 개발자 도구를 열려면 F12 혹은 Ctrl + Shift + I를 클릭해서 열어야 하는데 두 방법 모두 먹히지 않는다면 아래의 방법을 시도해보시기 바랍니다.

 

크롬의 설정 창

방법은 간단합니다. 크롬 우측 상단에 보이는 점 세 개창(설정)을 직접 클릭하여 도구 더보기 -> 개발자 도구에 직접 들어가는 방법이 있습니다. 이러면 웬만한 사이트는 크롬 개발자 도구로 보실 수 있습니다.