모바일웹사이트 개발할때 ipad, iphone모드로 pc에서 테스트하기

최근들어 스마트폰의 보급으로 모바일 웹사이트를 pc버젼과 구분하여 개발할 필요가 많아지고 있습니다.

그런데, 스마트폰이 없거나 스마트폰 화면이 너무 작아서 테스트하기 곤란한 경우가 있는데요.

pc에서 ipad, iphone 모드로 테스트가 가능한 방법을 소개드립니다.

사파리 브라우저에서 개발자 도구로 ipad, iphone등의 모드를 지원하는데요.

사파리는 http://www.apple.com/kr/safari/ 에서 다운로드 가능합니다.

사파리를 열면 아래와 같이 주소창이 나옵니다.

Alt키를 눌러보세요. 그러면 아래와 같이 도구가 나옵니다.

'개발자용'을 눌러보세요.

'개발자용' 도구에서 '사용자 에이전트'로 가면 ipad, iphone모드로 설정이 가능합니다.

ipad, iphone 모드 말고도 다양한 모드를 제공하니 브라우져 호환성을 점검할때 사용해도 좋습니다.