시뮬레이터나 실재 기기를 이용해서 iOS 기기를 디버깅 할때가 있다.
이때 사파리를 통해 할 수 있는데
개발자용을 클릭후 나오는 기기중에 원하는 기기를 클릭해서
웹뷰를 디버깅 할 수 있다.
하지만 특정 버전이후(iOS16.3) 이후에
검색할 수 있는 응용프로그램 없음,
no inspectable applications
이런 표시가 생기고 웹뷰를 디버깅 할 수가 없다.
왜와이......
빠르게 해결책을 찾아가보자..
[첫 번째 해결책] Safari Technology Preview를 다운받으면 된다고 하는데
난 먹히지 않았다ㅜㅠ
[두 번째 해결책] 공홈에서는
https://webkit.org/blog/13936/enabling-the-inspection-of-web-content-in-apps/
해당 링크에서 swift 나, object-c 인경우 특정 코드를 추가하라고 써있지만,
버전이 다른건지 react-native-webview 사용이라 그런지 해당 부분을 찾을 수 없었다.
그렇게 검색을 계속하다가.. 빛 그 자체를 만났다.
[REAL 해결책]
https://github.com/react-native-webview/react-native-webview/issues/2914
이렇게 하면 다시 웹뷰 디버깅이 가능하다고 한다..!
따봉과 하트 등이 많은 것으로 보아, 해결책이 될 확률이 높아보인다. 홀리몰리
말 그대로 react-native 루트에서
node_modules/react-native-webview/apple/RNCWebView.m 에서 수정해주면된다.
나의 경우 RNCWebView.m 였다.
"
webView.inspectable = YES;
"
해당 부분을 추가해주고,
xcode로 돌아와 빌드를 지워주고 새롭게 빌드했다.
그러고 나니... 해당 웹뷰를 디버깅이 가능해졌다..!!
감자합니다..ㅜㅠㅠ
근데 정말 어떻게 안걸까 신기하다...