pwa production test

개발 서버가 아니라 배포 빌드에서 PWA 확인

서비스 워커와 매니페스트는 프로덕션 조건에서 의미가 있습니다. 설치, 오프라인, 업데이트 흐름을 같은 세션에서 검증합니다.

build

프로덕션 실행

npm run buildnpm run start로 열어 개발 모드 캐시 혼선을 제거합니다.

서비스 워커 생성 여부 확인
application

매니페스트와 설치성

앱 이름, 아이콘 크기, 시작 URL, display 모드가 브라우저 Application 패널에서 유효한지 봅니다.

홈 화면 설치 조건 충족
offline

캐시 폴백

네트워크를 Offline으로 바꾼 뒤 방문했던 페이지와 폴백 문서가 사용자에게 자연스럽게 보이는지 확인합니다.

빈 화면 대신 예측 가능한 응답
서비스 워커 교체

새 배포가 활성 서비스 워커로 교체되고, 오프라인 상태에서도 핵심 탐색 경로가 끊기지 않습니다.