Dicas do DevTools: depuração do PWA

Sofia Emelianova
Sofia Emelianova

Os Progressive Web Apps (PWA) são apps da Web criados e aprimorados com APIs modernas para oferecer recursos, confiabilidade e facilidade de instalação aprimorados, além de alcançar qualquer pessoa, em qualquer lugar e em qualquer dispositivo, com uma única base de código.

Assista ao vídeo para saber como depurar esses apps com o Chrome DevTools.

Com o DevTools, é possível:

  • Inspecione o arquivo de manifesto do seu app que o torna instalável. Exemplo:
    • Verifique os ícones de diferentes plataformas.
    • Detecte erros.
    • Configure uma interface de instalação mais completa com descrição e capturas de tela.
  • Testar service workers que atuam como proxies entre o app e a rede. Exemplo:
    • Verificar o registro do worker.
    • Verifique o controle de versões e a atividade do worker.
    • Atualiza a versão do worker ao recarregar.
    • Depure a conectividade de rede emulando o modo off-line ou ignorando os workers.
    • Testar mensagens de rede.

Para saber mais, veja: