주메뉴 바로가기 견적문의 바로가기 주내용 바로가기
Blue Red Orange Green Grey
Mobile/HTML5
모바일 브라우저 테스트 도구
입력 2014.03.20 오전 11:10 | 조회 1,392
x-mind
[출처] http://hyeonseok.com/pmwiki/index.php/Mobile/Emulator


모바일 환경에서 웹사이트를 테스트하기 위해서는 다양한 운영체제의 단말기를 확보하고 있어야 한다. 하지만 개발자마다 단말기를 모두 확보하는 일은 상당히 많은 비용이 소요되는 일이다. 하지만 단말기 환경을 에뮬레이션 해주는 프로그램을 사용하면 비용과 시간을 많이 절감할 수 있다. 이런 에뮬레이터는 보통 운영체제나 브라우저 제작사에서 제공해주는 것이 일반적이다.
에뮬레이터와 실제 단말기는 입력환경, 메모리, 속도 등의 차이가 있기 때문에 에뮬레이터를 너무 믿어서는 안된다. 에뮬레이터는 개발 단계에서의 편의를 위해서 사용하고 중간중간에 계속해서 실제 단말기에서 테스트 할 필요가 있다.

윈도우 폰 에뮬레이터

윈도우 폰 에뮬레이터는 Windows Phone SDK 7.1을 설치하면 같이 설치가 된다. 윈도우 비스타와 7에서만 설치할 수 있다. XP나 서버에는 설치가되지 않는다.
Windows Phone SDK 7.1 페이지에서 vm_web2.exe를 다운 받고 실행하면 설치를 시작된다. 설치가 끝나면 비주얼 스튜디오가 뜨는데 그건 그냥 닫아도 된다. 프로그램에 Windows Phone SDK 7.1 > Windows Phone Emulator(KO)를 실행하면 에뮬레이터를 사용할 수 있다.

안드로이드 브라우저

구글 안드로이드 에뮬레이터(Google Android Emulator)를 사용해서 안드로이드 브라우저를 테스트 해 볼 수 있다. 구글 안드로이드 에뮬레이터를 사용하기 위해서는 안드로이드 SDK를 다운받아서 설치하면 된다. 안드로이드 SDK는 무료로 배포되고 있으며 윈도우, 맥오에스, 리눅스 버젼이 있다.
SDK를 다운받아서 압축을 푼 후 SKD Setup.exe(맥과 리눅스: tools/android)를 실행하면 안드로이드 SDK AVD 매니저(Android SDK and AVD Manager)가 실행된다. 좌측 패널에서 사용가능한 패키지(Available Packages)들을 설치한다. 설치후 가상 기기(Virtual Devices)를 추가(New...)하면 안드로이드 단말기와 동일한 환경을 테스트 해 볼 수 있다.
Android Emulator

오페라 모바일

Opera Mobile Emulator
오페라에서는 데스크탑에서 오페라 모바일을 테스트 해 볼 수 있는 에뮬레이터를 제공하고 있다. 오페라 개발자 도구(Opera Developer Tools) 페이지에서 다운 받을 수 있다. 자세한 사항은 데브 오페라의 데스크탑용 오페라 모바일(Opera Mobile emulator for desktop) 설명글에서 확인할 수 있다.

오페라 미니

Opera Mini Simulator
오페라 미니 시뮬레이터(Opera Mini Simulator)를 이용해서 별도의 설치 없이 브라우저에서 자바 버젼의 오페라 미니를 테스트 할 수 있다.

iOS 사파리

iOS 사파리는 아이폰(iPhone)과 아이패드(iPad)에 탑재되어 있는 애플의 모바일 브라우저이다. iOS 사파리를 테스트 하기 위해서는 iOS SDK가 필요한데 iOS SDK는 맥오에스에서만 설치할 수 있다.
iOS Simulator
iOS 개발자 센터(iOS Dev Center)에서 엑스코드와 iOS SDK를 설치한 후에 iOS 시뮬레이터를 실행하면 아이폰과 같은 환경에서 사파리를 테스트 할 수 있다. Hardware > Device 메뉴에서 iPad를 선택해서 iPad를 테스트 해 볼 수도 있다.

파이어폭스 모바일

Firefox Mobile desktop version
모바일 버젼 파이어폭스와 함께 데스크탑용 파이어폭스 모바일을 같이 배포하고 있다.
Security number

click to select icon

  • Very Happy
  • Smile
  • Sad
  • Surprised
  • Shocked
  • Confused
  • Cool
  • Laughing
  • Mad
  • Razz
  • Embarassed
  • Crying or Very sad
  • Evil or Very Mad
  • Twisted Evil
  • Rolling Eyes
  • Wink
  • Exclamation
  • Question
  • Idea
  • Arrow
  • Sux
  • Good
  • Very Angry
  • Attention


목록수정삭제인쇄0


Board List
No.제목글쓴이조회등록일
실무에서 많이 쓰는 위주로 순서없이 그때 그때 포스트합니다.x-mind6372015.04.02
HTML5강좌 링크x-mind1,7812012.02.28
23네이버 웹마스터 도구로 사이트 검색엔진에 추가x-mind2652016.04.26
22[HTML5] 안드로이드 및 아이폰에서 input file 사용시 카메라 호...x-mind8532016.04.22
21유투브 동영상을 배경으로x-mind3742016.03.30
20Canvas - 파일로 저장x-mind4992015.09.08
19모바일웹 카카오링크 연동(단순텍스트 링크 보내기)x-mind1,0462015.06.11
18[링크]나의 웹사이트에 Facebook 계정으로 로그인 하기x-mind9152015.01.22
17[HTML5] 위치정보 사용하기x-mind1,0482014.10.27
16모바일 브라우저 테스트 도구x-mind1,3922014.03.20
15Safari 브라우저 모바일 모드x-mind1,5192014.03.20
14iScroll을 사용해서 모바일웹에서 내부 스크롤 영역 만들기x-mind1,8442013.03.27
13터치 이벤트를 이용한 사용자 제스처 분석x-mind2,8842013.03.26
12모바일 웹 스크롤 페이징x-mind7,8292013.03.26
11웹표준, 웹접근성을 고려한 HTML 코딩 작업시 규칙.x-mind3,5432013.01.24
10Google Chart Api 이용 QR 코드 생성x-mind1,3582013.01.24
9웹표준 코딩시 주의할점x-mind2,7392012.07.26
8tabindex 속성이 오히려 접근성을 해친다.x-mind2,1672012.04.11
7아이폰, 안드로이드 바탕화면에 바로가기 만들기 4x-mind9,6292012.03.27
6이전버전에서의 HTML5요소 사용x-mind1,0212012.03.02
5HTML5 API 강좌 #1 – Web Storage 와 Application Cachex-mind1,2502012.02.28
4화면 사이즈에 맞게 이미지 확대x-mind4,1942012.01.27
Copyrightⓒ x-mind.co.kr All rights reserved. 1