[iOS] 웹뷰 Safari 개발자 도구 사용해 디버깅 하기

앱에 따라서, 웹뷰(webView)를 사용해야 하는 경우가 있는데요, 이때 웹뷰를 사용하는 앱에서 Safari 개발자용 도구를 사용해 디버깅하는 방법을 소개해드리려고 합니다.

먼저 몇가지 설정이 필요한데요. 아래 순서를 차근차근 따라가면 됩니다 :)

1. 아이폰 - 설정 - Safari - 맨 하단 고급 - 웹 속성 On

 

2. 맥 Safari 환경설정 - 고급 - 메뉴 막대에서 개발자용 메뉴 보기 체크

 

3. 아이폰 연결 후, 웹뷰가 포함된 앱에서 웹뷰 띄우기

이미지는 생략!

 

4. 맥 Safari 개발자용 탭 - 연결된 아이폰 - 해당 앱의 웹 페이지 속성 진입

저는 개발중인 웹앱이 없어서, 아이폰 내 Safari 앱으로 대신했습니다 ㅋㅋ

이렇게 웹 속성에 진입하면, 아래와 같이 네트워크, CPU 사용량, 네트워크 response 등 다양한 속성들을 확인 가능합니다. 

많은 도움이 되셨길 바라며, 읽어주셔서 감사합니다 :)