반응형
1. Xcode 설치
- Mac App Store에서 Xcode를 설치.
2. 시뮬레이터 실행
- Xcode 상단 메뉴에서 Xcode > Open Developer Tool > Simulator를 클릭.
- 기본 iOS 디바이스 시뮬레이터가 실행됨.
3. 원하는 디바이스 추가
- 시뮬레이터 메뉴에서 File > Open Simulator를 클릭.
- 원하는 디바이스를 선택하면 해당 기기가 시뮬레이터에 추가.
4. 시뮬레이터에서 Safari 실행
- 시뮬레이터 내 Safari 앱을 실행.
- 예시로 네이버에 접속함.
5. Mac Safari에서 시뮬레이터 연결
- Mac에서 Safari 브라우저를 실행합니다.
- 상단 메뉴에서 개발자용 > 시뮬레이터 > (시뮬레이터 내 열린 주소)를 선택.
※ Safari에 개발자용 메뉴가 보이지 않는다면:
Safari > 설정 > 고급 > "개발자용 메뉴 막대에 표시"를 활성화해야 함.
6. 웹 인스펙터를 통한 디버깅
- Safari에서 연결된 시뮬레이터의 웹페이지가 웹 인스펙터 창으로 열림.
- 요소 선택 툴을 사용하여 원하는 영역을 클릭하면, 해당 DOM 구조와 CSS, 콘솔 로그 등을 실시간으로 확인하고 디버깅할 수 있음.
반응형