pc에서 크롬으로 모바일 보기(개발)

pc에서 크롬으로  모바일 보기(개발)

 

 

https://chrome.google.com/webstore/detail/user-agent-switcher/ffhkkpnppgnfaobgihpdblnhmmbodake

pc로 모바일 화면을 확인해야 할 일이 가끔씩은 있을 수 있습니다.

더구나 모바일로 웹페이지를 개발할 때는 필수가 될 수도 있습니다.

구글의 크롬에서 쉽게 모바일 페이지를 확인하는 방법입니다.

물론 pc에 구글의 크롬이 설치되어 있어야 합니다.

크롬 브라우즈에서 위에 보이는 링크를 클릭합니다.

위그림처럼 User_Agent-Switcher 설치 화면이 나옵니다.

그림 우측모양에서 보이는 [Chrome에 추가] 버턴을 클릭합니다.

[확장 프로그램 추가] 버턴을 클릭합니다.

 User_Agent-Switcher 가 크롬에 설치 되었다는 메세지 입니다.

크롬의 우측 상단에 보시면 지구본 모양의 아이콘이 보입니다.

이것이 모바일의 웹페이지를 pc에서 크롬으로 볼 수 있는 아이콘이 됩니다.

 

지구본 모양의 User_Agent-Switcher 아이콘을 클릭하면  User_Agent를 선택하는 작은 창이 나오게 됩니다.

우측의 역삼각형 아이콘을 눌러 자신이 원하는 모바일 화면을 선택하면 됩니다.

여기서는 우선 많이 들은 [삼성의 갤럭시 S3]를 선택해 봅니다.

테스트를 위해 http://naver.com 을 주소표시줄에 기재하고 엔터키를 칩니다.

네이버의 웹페이지가 모바일에서 보는 것으로 인식하고 m.naver.com 으로 접속되어 모바일 화면이 보이는 것을 확인할 수 있습니다.

이번에는 daum.net 을 입력해  다음 사이트로 접속해 봅니다.

역시 바로 모바일 페이지로 연결되는 것을 확인할 수 있습니다.

.

그렇다면 이제는 모두 모바일로만 접속이 되면 어쩌죠?

일반 pc로 접속할 때는 어떻게 해야하는 지 알아 봅니다.

위 지구본 모양의 아이콘에서 마우스 우클릭한 다음 [Google Chrome]를 선택하고 [Chrome on Windows]를 선택하면 일반 pc화면으로 열리게 됩니다.

다시 모바일 페이지로 보고자 한다면 [Chrome on Android Mobile]를 선택하면 됩니다.

편리한 기능이니 많이 활용하여 도움이 되시길 바랍니다.