Mike Dougherty
Chrome 115부터 iOS의 Chrome에서 Safari 웹 인스펙터 디버깅을 사용 설정할 수 있습니다. 이 게시물에서는 시작하는 방법을 설명합니다.
Chrome 115 이전에는 WKWebView의 출시 버전이 원격 Web Inspector 디버깅을 지원하지 않았기 때문에 웹페이지를 디버그하려면 소스에서 iOS용 Chrome을 빌드해야 했습니다. Chrome 73에서는 웹페이지 디버깅을 지원하기 위해 JavaScript 로그를 로컬에 표시하는 chrome://inspect page를 추가했습니다. 이제 WKWebView에서 출시 시 Web Inspector 디버깅을 허용하므로 (iOS 16.4 기준) 이 기능을 사용 설정하고 개발자 환경을 더욱 개선하기 위해 Chrome 115에 설정을 추가했습니다.
시작하기
iOS 기기에서 다음이 필요합니다.
- iOS 16.4 이상
- Chrome 115 이상
Mac에서는 다음이 필요합니다.
- Safari Develop(개발자용) 메뉴가 사용 설정되어 있습니다. Safari 애플리케이션 설정의 고급 설정 탭에서 사용 설정합니다.
iOS 기기에서 Chrome 앱을 실행하고 설정으로 이동합니다. 콘텐츠 설정에서 웹 인스펙터를 사용 설정합니다. 이 설정을 변경한 후 Chrome iOS를 다시 실행합니다.
사이트 디버깅
이 설정을 사용 설정하면 다음 단계에 따라 iOS용 Chrome에서 실행되는 모든 페이지를 디버그할 수 있습니다.
- 케이블을 사용하여 iOS 기기를 Mac에 연결합니다.
- iOS용 Chrome에서 검사하려는 웹사이트로 이동합니다.
- Mac에서 Safari를 실행합니다. Develop(개발) 메뉴에서 연결된 기기의 이름 위로 마우스를 가져가 검사할 웹사이트의 URL을 선택합니다.
표시된 Web Inspector 창을 통해 현재 WebView를 디버그할 수 있습니다. Safari 개발자 도구 사용에 관한 자세한 내용은 Apple의 문서를 참고하세요.