구글 크롬 개발자도구로 쉽게 블로그 모바일 접속화면 보는 방법

IT팁|2018. 3. 16. 07:00

블로그를 운영할때 모바일로 접속한 화면으로 테스트해봐야하는 경우가 있을때 구글 크롬의 개발자도구를 사용하면 간단한게 모바일 화면을 볼수있기에 구글 크롬 개발자도구로 블로그 모바일 접속화면 보는 방벙을 알려드리겠습니다 .


먼저 크롬 브라우져를 실행시켜서 메뉴 -> 도구 더보기 -> 개발자 도구를 클릭합니다. 아니면 간단히 F12 키를 누르시면 됩니다.


구글 크롬 개발자도구로 쉽게 블로그 모바일 접속화면 보는 방법


구글 크롬 개발자도구를 실행시키면 아래와 같이 화면이 좌우로 나눠서 오측에 개발자도구가 나오는데 개발자도구의 좌측 상단에 모바일 화면 아이콘을 클릭하면 모바일 화면으로 전환하실수 있습니다.


구글 크롬 개발자도구로 쉽게 블로그 모바일 접속화면 보는 방법


모바일 화면 전환 아이콘을 클릭하면 자동으로 왼쪽의 웹페이지는 모바일 화면으로 전환되어 화면이 나오며 이 상태에서 다양한 모바일 기기에서 어떻게 화면이 작동하는지 미리보기 및 테스트를 하실 수 있습니다.


구글 크롬 개발자도구로 쉽게 블로그 모바일 접속화면 보는 방법


이 상태에서는 웹브라우저에 URL 주소를 입력하게 되면 자동으로 모바일로 접속하여 화면이 보여줍니다. 위와 같이 구글 크롬 개발자도구를 사용하면 특별히 프로그램을 설치할 필요 없이 자신의 블로그를 PC 화면에서 모바일 화면 보기를 매우 간단히 전환하면서 볼수 있기 때문에 아주 간편하게 테스트가 가능합니다 .


구글 크롬 개발자도구로 쉽게 블로그 모바일 접속화면 보는 방법


이상으로 구글 크롬 개발자도구로 쉽게 블로그 모바일 접속화면 전환해서 보는 방법이였습니다.



2018/03/11 - [IT팁] - 구글 크롬 지메일(Gmail) 메일 수신 확인 하는 방법

2018/03/09 - [IT팁] - 구글 크롬 인터넷 시작페이지 설정 방법

2018/03/08 - [IT팁] - 구글 크롬 인터넷 사용 기록 삭제 및 자동 삭제 설정 방법

2018/03/05 - [IT팁] - 구글 크롬 유튜브 동영상 광고 차단 방법 - 유튜브용 애드블록(adblock)

2018/03/03 - [IT팁] - 구글 크롬 자동으로 저장된 비밀번호 삭제하는 방법

2018/02/12 - [IT팁] - 구글 크롬 앗 이런 오류 해결방법


댓글()