맥북에서 아이폰 디버깅 하기

웹뷰개발을 하다보면 특정 OS 혹은 디바이스에서만 오류가 발생하는 경우가 있다.

이렇게 되면 보통 해당 OS/디바이스 에 맡는 테스트 기기를 찾아야 한다.

 

그런데 맥북을 사용하고 확인하려는 OS가 iOS일 경우

테스트기기 없이 맥북에서 자체적으로 시뮬레이터를 띄워서 간단하게 디버깅이 가능하다.

원하는 OS버전과 디바이스를 선택해서 확인할 수 있고

사파리 개발자도구와도 연동되어서 굉장히 편리하다.

 

우선 App Store 에서 Xcode 설치한다.

그리고 Spotlight 창의 띄워서 Simulrator 를 검색해서 실행시킨다.

그럼 아래와 같은 시뮬레이터가 띄워진다.

 

그리고 일반적으로 iOS 개발팀에 시뮬레이터용 빌드 파일인 *.ipa 파일을 요청해서 받은다음

그 파일을 위 시뮬레이터로 드래그 하면 해당 앱이 설치되고 실행해 볼 수 있다.

 

그 뒤에 앱에서 웹뷰를 호출하는 페이지로 접근하면

아래와 같이 사파리 개발자 도구에서 해당 url별 리소스를 확인할 수 있다.

 

해당 리소스를 이동하면 아래와 같은 창이 띄워지는데

javascript 코드에 Breakpoints 를 걸어서 확인하는 등 크롬의 개발자도구와 비슷하다고 생각하면 된다.

 

가장 중요한 것은 내가 테스트 하고자 하는 OS버전과 디바이스를 선택하는 것인데

맥북 하단 Dock에서 시뮬레이터를 오른클릭하면 아래와 같이 원하는 OS와 디바이스를 선택해서

시뮬레이터를 띄워볼 수 있다.

 

만약 본인이 원하는 OS버전이 없다면 Xcode를 실행시킨 뒤에

상단 Xcode>Preferences... 메뉴 띄운 뒤에

Components 탭으로 이동해서 원하는 OS버전에 맞는 시뮬레이터를 설치하면 된다.