DevTools 팁: PWA 디버깅

Sofia Emelianova
Sofia Emelianova

프로그레시브 웹 앱 (PWA)은 최신 API로 빌드되고 향상된 웹 앱으로, 단일 코드베이스를 통해 언제 어디서나 모든 기기에서 누구에게나 도달하면서 향상된 기능, 안정성, 설치 가능성을 제공합니다.

동영상을 시청하여 Chrome DevTools로 이러한 앱을 디버그하는 방법을 알아보세요.

DevTools로 다음 작업을 할 수 있습니다.

  • 앱을 설치할 수 있도록 하는 앱의 매니페스트 파일을 검사합니다. 예를 들면 다음과 같습니다.
    • 플랫폼별로 아이콘을 확인하세요.
    • 오류를 포착합니다.
    • 설명과 스크린샷이 포함된 다양한 설치 UI를 구성합니다.
  • 앱과 네트워크 사이에서 프록시 역할을 하는 서비스 워커를 테스트합니다. 예를 들면 다음과 같습니다.
    • 작업자 등록을 확인합니다.
    • 작업자 버전 관리 및 활동을 확인합니다.
    • 새로고침 시 작업자 버전을 업데이트합니다.
    • 오프라인 모드를 에뮬레이션하거나 작업자를 우회하여 네트워크 연결을 디버그합니다.
    • 네트워크 메시지를 테스트합니다.

자세한 내용은 다음을 참고하세요.