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