Dicas do DevTools: depuração do PWA

Sofia Emelianova
Sofia Emelianova

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

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

Com o DevTools, você pode:

  • Inspecione o arquivo de manifesto do app que permite a instalação dele. Exemplo:
    • Verifique os ícones para diferentes plataformas.
    • Detecte erros.
    • Configure uma interface de instalação mais rica com descrição e capturas de tela.
  • Teste os service workers que atuam como proxies entre o app e a rede. Exemplo:
    • Verifique o registro do worker.
    • Verifique a versão e a atividade do worker.
    • Atualize a versão do worker na recarga.
    • Depurar a conectividade de rede emulando o modo off-line ou ignorando workers.
    • Testar mensagens de rede.

Para saber mais, veja: