두글 개발자 블로그

아이폰 웹뷰 리모트 디버깅하기

macos-safari-remote-debugging-screen

Written by

doogle

in

요새 Cordova 를 이용해 아이폰 웹뷰앱 개발 중에 있는데요. 웹뷰 디버깅하는 방법을 적어봅니다.

준비물

  1. 아이폰앱개발이므로 당연히 아이폰이 필요합니다. (현재시점에서 최신버전의 IOS 를 사용하고 싶다면 최소한 iPhone 6s 이상의 기종이 필요합니다. 저는 iPhone 6 ㅜㅜ;; )
  2. 맥OS용 Safari 가 필요합니다. (대체적으로 개발장비인 맥북이나 아이맥등이 필요하겠지요.)

디버깅 설정 순서

1. 아이폰의 설정에서 Safari > 고급 > 웹 속성 을 켭니다. (아래 사진과 같이 처음에는 꺼져 있을 겁니다.)

고급 선택
아이폰 설정 - Safari - 고급 - 웹 속성 체크

2. 이제 개발장비(맥북이나 아이맥등 MacOS 탑재 장비)의 사파리에서 위쪽에 메뉴바의 Safari 메뉴 > 환경설정 선택 > 고급탭 선택 > 하단에 있는 메뉴 막대에서 개발자용 메뉴 보기 체크

MacOS Safari - 환경설정 - 고급탭

3. 이제 기본적인 설정은 끝났습니다.

아이폰 웹뷰 디버깅하기

1. 이제 아이폰을 연결하고 아이폰에서 사파리나 직접개발한 웹뷰앱을 실행합니다.

2. 맥북 사파리 개발자용 메뉴에 보면 해당 아이폰 메뉴가 보이는데요. 이 메뉴를 클릭해보면 현재 아이폰에서 열어둔 페이지 목록을 볼 수 있습니다.

macos-safari-menu-screenshot

3. 이제 디버깅하고 싶은 페이지 메뉴를 선택하면 디버깅창이 떠서 디버깅을 할 수 있게 됩니다.

macos-safari-remote-debugging-screen

이제 아이폰의 사파리나 웹뷰앱도 안드로이드앱과 크롬브라우저로 디버깅하는 것과 동일하게 리모트 디버깅이 손쉽게 할 수 있게 되었네요. ^^b

Post Views: 8,698

코멘트

“아이폰 웹뷰 리모트 디버깅하기”에 대한 7개의 응답

  1. Best 아이폰 사파리 디버깅 Update – #1 Website cung cấp thông tin công nghệ mới nhất VN

    […] + 여기서 자세히 보기 […]

  2. Top 30 아이폰 사파리 디버깅 The 178 Latest Answer

    […] Read More […]

  3. Top 15 아이폰 사파리 디버깅 Best 279 Answer

    […] Read More […]

  4. 아이폰 디버깅 모드 | 아이폰 신기능 추가! Ios 16.2 새로운 핵심 변화 총정리 145 개의 정답

    […] + 더 읽기 […]

  5. 아이폰 디버깅 모드 | 아이폰 신기능 추가! Ios 16.2 새로운 핵심 변화 총정리 상위 51개 베스트 답변

    […] + 자세한 내용은 여기를 클릭하십시오 […]

  6. 톱 504 아이폰 디버깅 모드 새로운 업데이트 4 시간 전

    […] 세부 정보를 보려면 여기를 클릭하십시오. […]

  7. 맨 위 40 아이폰 디버깅 모드 253766명 관람

    […] 더 읽어보기 […]

답글 남기기

More posts