크롬 모바일 버전 실행 방법 (feat. 우클릭 안되는 사이트 포함)

블로그를 하거나 혹은 개인 사이트나 스마트 스토어를 운영 할 때, 모바일 버전에서 어떻게 보일지 궁금할 때가 있다. 휴대폰으로 보면 간단히 알 수 있긴 하지만, 아무래도 조작은 PC가 간편하다보니 PC에서 모바일 버전으로 보는 방법을 소개해보겠다.

 

PC에서 모바일 버전으로 보기

 

준비물 : 크롬(Chrome)

 

1. F12 누르기

 

굉장히 간단하다!

 

F12를 눌러주자!

그럼 우측에 빨간 네모박스로 표시한 것처럼,

난해한 프로그램언어? 들이 뜬다.

 

빨간 박스 안에서 좌측 상단의 아이콘을 클릭해주자

(파란 동그라미로 표시)

 

결과는..!?

 

 

좌측처럼 보이던 화면이, 우측처럼 보이기 시작한다.

 

하지만..!

우 클릭이 막혀있는 곳은

F12가 먹히지 않는다.

 

그럴 땐..

두번째 방법!

 

2. 도구 더보기

 

F12가 안먹는 사이트에서,

 

우측 옵션(세로로 땡땡땡) 클릭

도구 더보기에 마우스 갖다대기

개발자 도구 클릭

 

개발자 도구를 클릭하면,

F12를 클릭했던 것 처럼

우측에 아래와 같은게 뜬다.

그럼 아까와 같이

빨간 박스로 표시한

토글 디바이스 툴바(Toggle device toolbar)를 클릭해준다.

 

그럼 역시나 우클릭이 되지 먹히지 않는 사이트에서도

모바일 버전으로 볼 수 있다!

 

 

3. F12로 했을때 이상하게 나오는 경우!

 

네이버 같은 경우 F12를 통해 모바일 버전으로 보면,

화면만 작아지지, 모바일 버전으로 보이지 않는다.

 

이럴 땐!!

주소 앞에 www 대신에 m을 넣어주면 된다.

< www.naver.com → m.naver.com >

m.naver.com으로 보더라도

인터페이스만 모바일 버전이 되는데,

이때는 F12를 같이 이용해주면 된다!

 

---

 

이상의 내용이 도움이 되었으면 좋겠습니다!

도움이 되셨다면 좌측 하단의 ♡를..!!

♡는 많은 격려와 응원이 됩니다!