IOS - 웹뷰 사파리 브라우저 디버깅

 

개발자용 메뉴 켜기

사파리 브라우저 -> 설정

Safari -> 설정

 

메뉴 막대에서 개발자용 메뉴 보기 활성화

메뉴 활성화

 

개발자용 메뉴가 활성화 되어있는것을 알수 있다.

개발자용 메뉴 확인

 

개발자용 -> Safari Technology Preview 받기 클릭 또는 아래사이트데서 mac os 버전에 맞게 설치하면 된다.

https://developer.apple.com/safari/technology-preview/

Safari Technology Preview - Safari - Apple Developer

 

디버깅

필자는 현재 시뮬레이터로 테스트 중임으로 아래와 같이 선택한다.

시뮬레이터 -> localhost

디버깅 진행

개발자용 콘솔이 오픈된다.

 

 

최근(16x) 아이폰 업데이트 이후 동작안함!!

16버전 이후에서 무엇인가가 업데이트 된듯하다!!

 

1. xCode 소스에서 아래 설정

(참고 : https://developer.apple.com/documentation/webkit/wkwebview/4111163-isinspectable)

// Safari 개발자 모드에서 로그 보려면 설정해야함.
if #available(iOS 16.4, *) {
    webViewWK.isInspectable = true
} else {
    // Fallback on earlier versions
}

 

2. 아이폰 설정

설정 > Safari > 고급 > 웹 속성 ON