2015년 2월 9일 월요일

[팁]크롬브라우저에서 다양한 모바일 기기들 모드로 테스트하기

크롬브라우저에서 각종 모바일폰 기기들 간단하게 애뮬레이션 하기

모바일용 웹을 개발하는 분들의 가장 큰 애로사항은, 개발하는 U/I나 아이콘 이미지의 크기가 각종 모바일 기기들 환경하에서 잘 동작을 하는지 그리고 잘 보이는지 직접 테스트 해봐야 하는 사항 (모바일 기기들의 화면크기 및 해상도가 서로 다르기 떄문) 

이러한 문제를 크롬브라우저로 간단히 해소하는 방법입니다. 
크롬브라우저에서 마우스 오른쪽 버튼 클릭 후 '요소 검사' 를 클릭하거나, Mac 에서는 cmd+optiom+i (Windows에서는 F12) 버튼을 클릭하면 브라우저가 개발자 모드로 전환 됩니다.

브라우저 개발자 모드로 전환된 후 우측 상단의 모바일 기기 아이콘을 클릭
좌측에 각종 모바일 디바이스를 선택 하면 끝.




모바일 홈페이지  테스트 동영상