Não registra um service worker que controla a página e `start_url`

Published on Updated on

Translated to: English, Español, 한국어, 中文, Pусский, 日本語

Registrar um service worker é a primeira etapa para habilitar os principais recursos do Progressive Web App (PWA):

  • Funciona offline
  • Suporta notificações push
  • Pode ser instalado no dispositivo

Saiba mais em Service workers e na postagem da API Cache Storage.

Compatibilidade do navegador

Todos os principais navegadores, exceto o Internet Explorer, oferecem suporte a trabalhadores de serviço. Consulte compatibilidade do navegador .

Como a auditoria do service worker do Lighthouse falha

O Lighthouse sinaliza páginas que não registram um service worker:

Auditoria do Lighthouse mostrando que o site não registra um service worker

O Lighthouse verifica se o protocolo de depuração remota do Chrome retorna uma versão do service worker. Do contrário, a auditoria falha.

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).

Como registrar um service worker

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.

O registro de um service worker envolve apenas algumas linhas de código, mas o único motivo pelo qual você utilizaria um ervice worker é para possibilitar a implementação de um dos recursos do PWA descritos acima. Na verdade, a implementação desses recursos requer mais trabalho:

Recursos

Last updated: Improve article

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