Xcode 시뮬레이터에서 웹 디버깅하기 위해서는 먼저 Safari Technology Preview 프로그램을 설치해야 한다.
아래 사이트에서 본인 macOS 버전에 맞는 파일을 다운받고 설치하면 된다.
https://developer.apple.com/safari/technology-preview/
Safari Technology Preview - Safari - Apple Developer
Safari is the best way to see the sites on iPhone, iPad, and Mac. Safari Technology Preview gives you an early look at upcoming web technologies in macOS and iOS.
developer.apple.com
설치가 다 되었으면 실행하고 시뮬레이터에서 웹뷰든 사파리든 웹을 띄워놓으면 준비는 끝이다.
'상단 메뉴바 > Develop' 에서 현재 웹을 띄워놓고 있는 시뮬레이터 기기를 선택하면 열려있는 url들이 나올 것이다. 그중에 디버깅하려는 url을 선택하면 개발자 도구 창이 뜬다.
개발자 도구 창이 뜨면 좌측 상단 조준 모양의 아이콘을 클릭하고 시뮬레이터 화면 내 뷰를 클릭하면 해당 element 소스를 확인할 수 있다. 개발자 도구 사용법은 동일하다.
나는 웹뷰 내 링크 이동할 때 url을 확인하기 위해서나 element를 선택하여 찾은 onclick 함수명을 console에 쳐서 함수가 어떻게 구현되어 있는지 확인할 때 가장 많이 사용하고 있다.
'iOS' 카테고리의 다른 글
| [iOS] Xcode에 파일/폴더 추가 및 삭제 옵션 (Create groups / Create folder references, Remove Reference / Move To Trash) (1) | 2022.02.09 |
|---|
댓글