페이지 및 `start_url`을 제어하는 서비스 워커를 등록하지 않습니다.

Published on Updated on

Translated to: English, Español, Português, 中文, Pусский, 日本語

서비스 워커를 등록하는 것은 주요 PWA(Progressive Web App) 기능을 활성화하기 위한 첫 번째 단계입니다.

  • 오프라인에서 작동
  • 푸시 알림 지원
  • 장치에 설치 가능

서비스 워커 및 Cache Storage API 게시물에서 자세히 알아보세요.

브라우저 호환성

Internet Explorer를 제외한 모든 주요 브라우저는 서비스 워커를 지원합니다. 브라우저 호환성을 참조하세요.

Lighthouse 서비스 워커 감사가 실패하는 이유

Lighthouse는 서비스 워커를 등록하지 않은 페이지에 플래그를 지정합니다.

Lighthouse 감사 표시 사이트에서 서비스 워커를 등록하지 않음

Lighthouse는 Chrome 원격 디버깅 프로토콜 이 서비스 워커 버전을 반환하는지 확인합니다. 그렇지 않으면 감사가 실패합니다.

In the Lighthouse report UI the full PWA badge is given when you pass all of the audits in all of the PWA subcategories (Fast and reliable, Installable, and PWA optimized).

서비스 워커 등록 방법

Success

Workbox is the recommended approach for adding service workers to websites because it automates a lot of boilerplate, makes it easier to follow best practices, and prevents subtle bugs that are common when using the low-level ServiceWorker API directly.

서비스 워커를 등록하는 데는 몇 줄의 코드만 필요하지만 서비스 워커를 사용하는 유일한 이유는 위에 설명된 PWA 기능 중 하나를 구현할 수 있도록 하기 위해서입니다. 실제로 이러한 기능을 구현하려면 더 많은 작업이 필요합니다.

자원

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.