구글 크롬을 이용한 모바일 뷰 테스트

구글 크롬 브라우저에서 개발자 도구를 이용하여 모바일 기기별 웹 뷰어를 테스트 할 수 있는 방법

1. 구글 크롬 홈페이지에 기재된 원문 링크

2. 크롬 브라우저에서 F12키를 누르면 개발자도구가 나옵니다.

3. 혹시 안나오는 경우에는 상단 메뉴증 show drawer 버튼을 누른다.

4. 하단의 Device 콤보박스에서 해당기기로 변경하고 Emulate 버튼을 클릭하면 브라우저가 해당기기에서 보는것처럼 변경된다.

   

5. 가로모드와 세로모드를 변경하는 방법은 Device 탭 밑에 Screen 메뉴를 누르면 해상도가 나온다. 가운데 버튼을 누르면 좌우가 바뀌는데 가로/세로 모드로 변경가능하다.

   

6. 테스트 완료