살다

모바일웹을 위한 아이폰/아이패드 시뮬레이터 본문

Tip

모바일웹을 위한 아이폰/아이패드 시뮬레이터

텅스텐필름 2010. 10. 8. 10:06

모바일웹을 제작 할때의 가장 큰 문제는 만드는 환경은 PC이지만 실제 제공되는 환경은 스마트폰을 필두로한 개인 단말기들입니다. 모든 단말기를 소유하고 있어 테스트가 가능하다면야 전혀 문제가 되지 않겠지만, 그렇지 않다면 PC에 설치되어 테스트해볼수있는 시뮬레이터는 큰 도움이 될것입니다.

단, 맥기반의 PC 를 소유하고 있다면~ 당연히 SDK 설치하고 거기서 쓰는 진짜 시뮬레이터 ( 개발한 앱까지 테스트해볼수있는 -ㅅ-;) 가 100만배 당연한 일이겠지요~

하지만 그렇지 않다면~ 모바일웹 제작시에(앱은 테스트 불가능합니다.) 아이폰/아이패드 테스트로는 쓸만 할듯합니다.

Adobe 사의 Air 를 기반 Air 가 작동되는 환경이라면 구동이 가능합니다.
이름 :
ibbdemo2
제작 : http://labs.blackbaud.com/NetCommunity/Page.aspx?pid=249
구글 프로젝트 : http://code.google.com/p/ibbdemo2/

단축키를 통해 아이폰/아이패드 시뮬레이터간 전환이 가능하며, 회전, 플래쉬 온/오프 (실제 아이폰OS 브라우저인 사파리에서는 플래쉬가 구동불가입니다만) 기능 외 몇몇 기능이 주어집니다.

[설치 방법]
간단합니다. Adobe Air가 없다면 설치하고 그리고 iBBdemo2 를 설치하면 끝입니다.

1. Adobe air 다운로드 및 설치.

다운로드 : Get ADOBE AIR(http://get.adobe.com/kr/air/)
 

사용자 삽입 이미지


사용자 삽입 이미지



2.iBBDemo2 다운로드 및 설치
다운로드 :
http://code.google.com/p/ibbdemo2/downloads/detail?name=iBBDemo2.air&can=2&q=

사용자 삽입 이미지


사용자 삽입 이미지


3. 완료

설치 완료후 바로 실행을 체크 하셨다면 바로 아이패드 화면을 보실수 있습니다.
012



[시뮬레이터 사용법]

- 마치 맥에 설치된 SDK 마냥 단축키를 통해 제어 가능합니다. (처음 아이패드 실행시 떠있는 사이트가 단축키 설명 페이지)

- 단축키
CTRL + 1 : 아이패드로 전환
CTRL + 2 : 아이폰으로 전환
CTRL + 좌/우 방향키 : 아이폰/아이패드 회전
CTRL + D : 주소표시줄 토글  (마우스를 상단에 가져가도 나옵니다.- 아이폰 전용)
CTRL + + : 확대
CTRL + - : 축소
CTRL + SHIFT + F : 플래쉬 지원 기능 ON/OFF (실제 아이폰엔 없는기능이죠;;)

- 기타 기능
홈키 클릭 : 제작홉페이지로 돌아갑니다 가로 상태에서는 프로그램 종료
스크롤 : 화면 빈공간 클릭후(즉 포커스를 주고나서) 방향키 로 혹은 마우스 휠로 스크롤이 가능합니다.(웹브라우져와 동일하네요)
주소표시줄의 아이폰상의 새로고침/주소삭제 아이콘도 동일하게 작동합니다.
단, 그외에 키보드 입력, 이전/이후 즐겨찾기, 브라우저 화변 전환 등의 아이폰 브라우저 기능은 빠져있습니다.

다음엔 안드로이드용을 한번 찾아봐야겠네요 ^^;
반응형