PC에서 안드로이드 모바일 브라우저 모드 보기

 

PC 크롬 브라우저에서 모바일 모드 보기

최근 모바일 기기 보급율이 높아지고 성능은 PC 못지않게 사양이 올라가면서 

모바일을 통한 정보 검색도 많이 하는 시대입니다.

 

하지만 블로그 글 작성은 주로 PC에서 하게 되어 사용자 편의성을 위해 작성한 글이

모바일에서는 어떻게 보이는지 확인하는 것도 중요하게 되었습니다.

 

구글 크롬 브라우저에서 모바일 모드를 확인하는 방법 2가지를 소개해 드리겠습니다. 

크롬 확장 프로그램 [user agent] 이용
F12 : 개발자 모드 이용

 

크롬 확장 프로그램 user agent

 

크롬 브라우저에서 웹스토어 열기

https://chrome.google.com/webstore/category/extensions?hl=ko

Chrome 웹 스토어

 

▼ [user agent] 검색 --> [User-Agent Switcher for Chrome] 추가

 

▼ 다음 > 금융 사이트를 접속해 보았습니다.

    User Agent 설치가 성공되면 오른쪽 상단에 안경 쓴 모양의 아이콘이 생성됩니다.

    [User Agent] 클릭 --> Andorid 선택

 

▼ 안드로이드 모바일 모드로 변경이 되었습니다.

    ① [AND] 표시로 "Andorid" 모드라고 확인 가능합니다.

    ② "http://m.finance.daum.net/myfeed"로 모바일 주소로 변경이 되었습니다.

 

F12 단축키 : 개발자 모드

 

▼ [F12] 단축키를 클릭하면 개발자 모드가 나오고 

    ①번 아이콘을 클릭하면 화면이 모바일 모드로 변경됩니다.

       다시 아이콘을 비활성화하면 PC 모드로 변경됩니다.

 

▼ 모바일 모드로 변경된 모습입니다.