Skip to content
Aprender Medir Blog Case studies Sobre
Nesta página
  • Compatibilidade do navegador
  • Como a auditoria do service worker do Lighthouse falha
  • Como registrar um service worker
  • Recursos

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

May 4, 2019 — Atualizado Jun 10, 2020
Available in: Español, 日本語, 한국어, Русский, 中文, English
Appears in: Auditorias de PWA
Nesta página
  • Compatibilidade do navegador
  • Como a auditoria do service worker do Lighthouse falha
  • Como registrar um service worker
  • Recursos

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 #

Sucesso

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:

  • Para aprender como armazenar arquivos em cache para uso offline, consulte a publicação O que é confiabilidade de rede e como você a mede?.
  • Para saber como tornar seu aplicativo instalável, consulte o codelab Torne-o instalável.
  • Para saber como habilitar notificações push, consulte Adicionando notificações push a um aplicativo da web do Google .

Recursos #

  • Código fonte para a auditoria Não registra um service worker que controla a página e start_url
  • Service workers: uma introdução
  • Service workers e a API Cache Storage
  • O que é confiabilidade de rede e como você a mede?
  • Torne-o instalável
  • Adicionando notificações push a um aplicativo da web
Last updated: Jun 10, 2020 — Improve article
Return to all articles
Compartilhar
assinar

Contribute

  • Registrar um bug
  • Visualizar código-fonte

Conteúdo relacionado

  • developer.chrome.com
  • Atualizações do Chrome
  • Web Fundamentals
  • Estudos de caso
  • Podcasts
  • Shows

Conectar

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Todos os produtos
  • Termos e privacidade
  • Diretrizes da comunidade

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.