PC에서 모바일 브라우저 테스트 하기 (크롬, 네이버 웨일, 사파리)

구글 크롬 브라우저 다운로드 PC에서 웹디자인이나 html코딩을 했을 때 모바일 브라우저로 테스트를 해야할 수 있는데요. 제대로 보이는지 오류가 있는지 확인하기 위해서 일일이 휴대폰으로 테스트해보는 것은 번거로운 일입니다.

게다가 모바일 디바이스의 뷰포트(viewport) 크기가 아이폰, 안드로이드가 조금 다르고, 휴대폰의 크기에 따라서도 차이가 있습니다. 이때 PC 브라우저에서 모바일 기기 화면 크기로 테스트해볼 수 있는 기능이 있습니다.

크롬, 네이버 웨일, 사파리를 기준으로 방법을 알아봅니다. 이글의 구성 1. viewport란 무엇일까?

2. 아이폰 버전, 사이즈별 해상도 비교 3.

모바일 화면 테스트하기 4. 크롬, 웨일 개발자 도구 - 웨일 브라우저가 필요한 경우 5.

사파리 개발자용 도구 V.....