Browser Emulator

Browser Emulator는 UI / Script를 PC 환경에서 빠르고 편리하게, 개발 / 디버깅 할 수 있도록 편의 기능을 제공하기 위한 툴입니다. 그림 3-38은 브라우저 에뮬레이터를 통해 실행된 샘플 앱 화면 입니다.

../../../_images/3-38.png

<3-38 Browser Emulator (1)>

../../../_images/i-3-1.png

Device 에 따른 해상도 변경 및 가로, 세로 화면 전환을 통한 시뮬레이션이 가능합니다.

../../../_images/3-39.png

<3-39 Browser Emulator (2)>

직접 입력을 통해서도 해상도를 변경할 수 있고 그 아래 제조사 별 디바이스 선택을 통해서도 해상도 변경이 가능합니다.

../../../_images/i-3-2.png

현재 화면을 고정시켜 디버깅 및 개발을 하는데 용이하게 사용할 수 있습니다.

../../../_images/i-3-3.png

전체화면으로 전환이 가능합니다. 기존 화면으로 복귀 시에는 ESC 키를 눌러 복원할 수 있습니다.

../../../_images/i-3-4.png

뒤로가기 버튼으로 활용됩니다.

../../../_images/i-3-5.png

화면 갱신 시 활용됩니다

../../../_images/i-3-6.png

모바일 웹 표준 및 장애인 차별 금지법 준수여부 체크를 위한 메뉴 입니다.

../../../_images/3-40.png

<3-40 Browser Emulator (3)>

그림 3-40의 오른쪽 영역의 붉은 표시 항목이 미 준수 항목으로 요소 체크가 가능합니다.