웹브라우저 모바일 화면으로 전환하기

개발을 하다보면 여러가지 이유로 모바일 환경으로 사이트를 봐야 하는 경우가 생긴다

그럴때 크롬 개발자 모드도 좋지만

크롬의 확장프로그램 User-Agent Switcher for Chrome 을 소개하려고 한다

간편하게 모바일 모드로 사이트를 접근할 수 있다

 

설치방법

chrome 웹 스토어에 접속해서 Chrome ua spoofer 로 검색한다

하단의 확장프로그램이 검색되면 설치한다

설치하면 크롬브라우저 오른쪽 상단에 아이콘이 보인다

사용방법

아이콘을 눌렀을때 팝업 메뉴

팝업메뉴에서 Android / iOS 등 변환할 수 있는 환경이 나오고

주로 Android KitKat 모드로 사이트를 모바일 환경에서 어떻게 나오는 지 보는 데 사용한다

 

Android KitKat 모드로 변경해서 www.naver.com 을 접속하면 

m.naver.com 으로 변환되어 모바일 환경의 네이버가 뜨는 것을 확인 할 수 있다