PC에서 모바일 종류별 화면 확인하기

웹 개발자 분들은 필수로 확인해야 되는 것이

종류별 모바일 화면확인 입니다.

다양한 종류의 기기들로 홈페이지에 접속하기 때문에 꼭 확인해 줘야 합니다.

PC에서 모바일 화면으로 

1. 크롬으로 모바일 화면보기

전세계에서 가장 많이 사용되는 크롬 브라우저.

크롬에서 모바일 화면 확인하는 방법은 가장 간단 합니다.

먼저 크롬 설정및 제어 > 도구 더보기 > 개발자도구 선택

개발자 도구를 선택하면 

화면이 바뀌면서 아래처럼 나옵니다.

네이버 PC버전을 모바일로 봤을때 입니다.

Responsive를 선택하여 다른 버전으로 볼수도 있고 

가로 x 세로 크기를 조정하여 확인 가능.

2. Blisk 블리스크 브라우저 설치.

블리스크 브라우저를 다운받아서 설치하는 방법.

종류별 모바일 화면을 확인할때 아주 편리 합니다.

블리스크 홈페이지에서 다운받으세요 

https://blisk.io/

블리스크를 설치하면 아래처럼 나옵니다.

왼쪽부터 디바이스 종류, 모바일 화면, PC화면 순서로 나옴.

그런데 Device list를 보면 최신기종 폰들이 안보여요...

iPhone8 Plus까지 있는데, 갤럭시는 S7, Note 5 까지만 있군요.

3. Troy에 접속해서 보기.

종류별 모바일 화면을 볼수 있는 사이트가 있습니다.

http://troy.labs.daum.net/

확인하고 싶은 모바일 기기를 선택하면 화면이 바로바로 나옵니다.

그리고 다른 기기들과 동시에 비교가 가능하기 때문에 편리합니다.

내 홈페이지가 PC와 모바일에서는 각각 어떻게 보여지는지 확인해 보세요.