[iOS] 웹뷰 디버깅 방법 - 사파리로 웹뷰 디버깅 (WebView, Safari)

iOS에서 사파리로 웹뷰 디버깅하는 방법

준비물은 아이폰, 맥, 웹뷰 프로젝트입니다.

 

1. 아이폰 설정 앱에서 옵션 설정

설정 앱 > Safari > 고급(맨 아래에 있음) > '웹 속성' ON

 

 

2. 맥 사파리 메뉴에서 옵션 설정

Safari 메뉴 > 설정... > 고급 > '메뉴 막대에서 개발자용 메뉴 보기' 체크

상단 Safari 메뉴에 '개발자용' 메뉴가 추가됨

 

 

 

3. 프로젝트 실행

웹뷰 URL은 구글(https://www.google.com)로 진행

 

 

4. 맥 사파리에서 디버깅 진행

Safari 개발자용 메뉴 > 디바이스명 > 프로젝트 하단 URL 선택

디바이스에 실행 중인 프로젝트와 URL 목록을 선택

 

 

아래와 같이 웹 속성 창이 출력됨

 

 

※ 참고사항

1. 맥과 아이폰이 케이블로 연결되어있어야 함

2. iOS 16.4 이상에서는 WKWebView 속성 중 isInspectable이 true로 설정되어있어야 함

if #available(iOS 16.4, *) {
    webView.isInspectable = true
} else {
    // Fallback on earlier versions
}

https://developer.apple.com/documentation/webkit/wkwebview/4111163-isinspectable