DevTools 팁: PWA 디버깅

Sofia Emelianova
Sofia Emelianova
GitHub

프로그레시브 웹 앱 (PWA)은 최신 API로 빌드되고 향상되어 향상된 기능, 안정성, 설치 가능성을 제공하면서 단일 코드베이스로 모든 기기, 모든 위치, 모든 사용자에게 도달할 수 있는 웹 앱입니다.

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

DevTools를 사용하면 다음 작업을 할 수 있습니다.

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

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