[iOS] WebKit 개발자모드 디버깅하기

안녕하세요. 물먹고하자 입니다 :)

오늘은 WebKit 개발자 모드로 디버깅설정하는 법을 공유드리려고 합니다.

네이티브앱만 개발하다보면 딱히 쓸일은 없지만,

WebKit (하이브리드 기반)을 사용할 일이 있다면 알고 있으면 도움될 것 같습니다.

- 2023. 08. 30 : iOS16.4 항목 추가.

디바이스 설정과 맥 Safari 설정 두가지를 해야합니다.

1. iPhone / iPad 설정 방법은 동일합니다.

설정 > Safari > 고급 선택

웹 속성 을 활성화 해줍니다.

2. Mac 설정

Safari > 설정 > 고급 > 개발자용 메뉴 보기 활성화

3. Mac <-- 케이블연결 --> iPhone/iPad

Safari > 개발자용 > 해당디바이스 > 활성화면 웹 선택

웹에서 자주보면 개발자모드가 앱내 WebKit에 활성화가 됩니다.

디버깅 관련은 Mac Safari 에서 보면 됩니다.

2023. 08. 30 확인
갑자기 디버깅이 안되서 찾아보니, 옵션이 하나 추가되었네요.
코드에서도 해당값 true로 설정해줘야합니다.

오늘은 간단하게 WebKit 개발자모드 디버깅 하는법을 정리해봤습니다.

제가 업무를 맡고있는 팀에서는 네이티브 위주 (웹관련X) 다 보니 하이브리드 컨텐츠를 만들어주는 팀과 안될때 마다 핑퐁 치는게 쉽지 않았는데, (특히, 안드로이드는 되는데요...? 이 말이 제일 싫음)

하이브리드 컨텐츠 만드시는 팀장님하고, 얘기하다가 iOS에서도 디버깅 하는법을 찾아서 도움되는 내용이다 보니 정리하게 되었습니다. (하이브리드팀과 서로 도와가며 친하게 지내야겠습니다.)

오늘은 이만 :)

즐거운 코딩 되세요.

끝.

물먹고하자의 블로그