Browser Emulator는 UI / Script를 PC 환경에서 빠르고 편리하게, 개발 / 디버깅 할 수 있도록 편의 기능을 제공하기 위한 툴입니다. 아래 그림은 브라우저 에뮬레이터를 통해 실행된 샘플 앱 화면 입니다. 직접 입력을 통해서도 해상도를 변경할 수 있고 그 아래 제조사 별 디바이스 선택을 통해서도 해상도 변경이 가능합니다.
2 : 현재 화면을 고정시켜 디버깅 및 개발을 하는데 용이하게 사용할 수 있습니다.
3 : 전체화면으로 전환이 가능합니다. 기존 화면으로 복귀 시에는 ESC 키를 눌러 복원할 수 있습니다.
4 : 뒤로가기 버튼으로 활용됩니다.
5 : 화면 갱신 시 활용됩니다.
6 : 모바일 웹 표준 및 장애인 차별 금지법 준수여부 체크를 위한 메뉴 입니다.아래 그림의 오른쪽 영역에 항목이 나타나며 미 준수 항목은 붉은 색으로 표시되어 요소 체크가 가능합니다.
1 : Open sidebar, 왼쪽 프로젝트 바가 보이지 않을 경우 클립합니다.
2 : 현재 설정된 워크스페이스 폴더에 있는 프로젝트 리스트가 보여집니다.
3 : 프로젝트가 안보일 경우 클릭하여 아래그림처럼 프로젝트가 있는 워크스페이스 폴더를 선택합니다.
맥 OS 의 경우 Morpheus.app/contents 하위에 워크스페이스를 설정 하면 해당 워크스페이스 폴더를 선택할 수 없습니다. Morpheus 실행 시 뭐크스페이스를 Morpheus.app 내부 폴더가 아닌 외부 폴더를 선택해야 합니다. Morpheus.app 내부 폴더를 워크스페이스로 선택하였다면 IDE 에서 워크스페이스를 바꿔준 후 기존 프로젝트를 import 해야 합니다.