웹 앱 디버그

WebView에서 실행되는 코드의 동작을 조사하는 것(디버깅이라고도 함)은 웹 콘텐츠를 표시하는 Android 애플리케이션을 개발하는 데 필수적인 부분입니다.

이 섹션에서는 다음 WebView 디버깅 방법론을 다룹니다.

  • JavaScript 콘솔 로깅: Chrome DevTools 또는 Safari Web Inspector를 사용하여 웹페이지를 디버깅하는 데 익숙하다면 console (예: console.log()) 사용에 익숙할 것입니다. Chrome DevTools 또는 Logcat에서 콘솔 메시지를 볼 수 있습니다. Android의 WebKit 프레임워크는 대부분의 동일한 API를 지원하므로 WebView에서 디버깅할 때 웹페이지에서 로그를 수신할 수 있습니다.

  • Chrome DevTools: 개발 머신의 Chrome 브라우저에 있는 개발자 도구를 사용하여 앱의 WebView에서 HTML, CSS, JavaScript 코드를 실시간으로 원격 검사할 수 있습니다.

  • 로컬 서버 액세스: 개발 머신에서 로컬 웹 서버의 콘텐츠를 제공하고 테스트 기기나 에뮬레이터의 WebView에서 액세스하여 원격 서버에 배포하지 않고도 변경사항을 빠르게 확인할 수 있습니다.

  • WebView DevTools 앱: Android의 WebView 구성요소의 기기 전체 구성, 명령줄 플래그 관리, 비정상 종료 분석에 전념하는 온디바이스 유틸리티입니다.