본문 바로가기
개발/Etc

아이폰 웹 사파리 브라우저 개발자 모드 확인, 실행 방법

by yo.na 2024. 5. 28.
pc에서는 이슈가 없었던 기능을 모바일로 테스트 하니까 문제가 발생했다.
모바일에서는 개발자 도구를 볼 수 없어서 답답했었는데
아이폰과 맥북을 활용해서 볼 수 있는 방법이 있다고 해서 바로 테스트 시작!

 

1. 아이폰에서 웹 인스펙터 설정 활성화

설정 -> Safari -> 고급 -> 웹 인스펙터 활성화

 

2. 맥북 개발자 모드 설정 활성화

 

Safari 탭 -> 설정 -> 고급 -> 하단 메뉴 막대에서 개발자용 메뉴 보기 활성화

 

3. 아이폰과 맥북 케이블로 연결

- 신뢰하는 컴퓨터 알림 뜨면 '신뢰' 클릭

- Safari 열고 -> 개발자용 탭 -> 연결된 내 아이폰 클릭 -> JSContexts에 대한 웹 속성 자동으로 보기

 

4. 아이폰 Safari 에 개발자모드로 확인하고 싶은 웹 사이트 켜기

 

아이폰 : 위의 설정을 완료한 후 아이폰에서 확인하고싶은 웹 열어주세요.

맥북 : Safari -> 상단 개발자용 탭 -> 연결한 아이폰 클릭 -> 아이폰의 Safari에 활성화 되어있는 url 확인 -> 해당 url 클릭

 

5. 개발자모드 확인

콘솔, 네트워크 등 확인 가능