Partilhar via


Melhoramentos da função de trabalho de serviço

As ferramentasRede, Aplicação e Origens foram melhoradas para ajudá-lo a trabalhar com os trabalhadores de serviços e os pedidos de rede que passam por cada trabalhador de serviço.

As melhorias simplificam as seguintes tarefas:

  • Depurar com base nas linhas cronológicas da função de trabalho de serviço.
    • O início de uma solicitação e a duração da inicialização.
    • Atualize para o registo da função de trabalho de serviço.
    • O runtime de um pedido com o processador de eventos de obtenção .
    • O runtime de todos os eventos de obtenção para carregar um cliente.
  • Explore os detalhes do runtime para obter processadores de eventos, instalar processadores de eventos e ativar processadores de eventos.
  • Entre e saia do processador de eventos com informações do script de página.

As melhorias abrangem as seguintes ferramentas:

  • A ferramenta Rede . Selecione um pedido de rede que seja executado através de uma função de trabalho de serviço e aceda à linha cronológica correspondente da função de trabalho de serviço na ferramenta Temporização .

  • A ferramenta Aplicação . Para depurar as funções de trabalho de serviço, utilize a página Funções de trabalho de serviço.

  • A ferramenta Origens . Aceder a informações do script de página ao aceder à obtenção de processadores de eventos.

Rede

Linha cronológica da função de trabalho de serviço na ferramenta Rede

Pode aceder às funcionalidades de depuração da função de trabalho de serviço na ferramenta Rede de qualquer uma das seguintes formas:

  • Diretamente na ferramenta Rede .
  • Iniciado na ferramenta Aplicação .

Encaminhamento de pedidos

Para facilitar a visualização do encaminhamento de pedidos, as linhas cronológicas apresentam agora o arranque da função de trabalho de serviço e os respondWith eventos de obtenção. Para depurar e visualizar um pedido de rede que passou por uma função de trabalho de serviço:

  1. Selecione o pedido de rede que passou por uma função de trabalho de serviço.
  2. Abra a ferramenta Temporização .

Obter eventos

Para saber mais sobre os respondWith eventos de obtenção, clique na seta pendente à esquerda de respondWith. Para ver mais detalhes sobre o Pedido Original e a Resposta Recebida, clique nas setas pendentes correspondentes.

Aplicativo

Vista de aplicação

Linha cronológica de atualização da função de trabalho de serviço

A equipa de DevTools do Microsoft Edge adicionou uma linha cronológica na ferramenta Aplicação para refletir o ciclo de vida da atualização da função de trabalho de serviço. Esta linha cronológica apresenta os eventos de instalação e ativação. Cada um dos eventos tem uma seta pendente correspondente para lhe dar mais detalhes.

Pedir eventos de encaminhamento e obtenção

Agora, pode aceder às linhas cronológicas da função de trabalho de serviço através da ferramenta Rede . Esta funcionalidade beneficia o desempenho, minimiza a duplicação da IU e cria uma experiência de depuração mais abrangente.

  1. Abra a função de trabalho de serviço que está a depurar.

  2. Clique no botão Rede para abrir a experiência de encaminhamento de pedidos.

  3. Utilize as setas para responderCom setas pendentes para obter informações de pedido de evento e resposta.

A ferramenta Rede apresenta os pedidos de rede que passaram pela função de trabalho de serviço que está a depurar. O filtro automático é uma forma de restringir a sua exploração.

Veja também Ferramenta de aplicação para gerir o armazenamento.

Fontes

A árvore DOM

Para encontrar mais informações sobre a pilha, defina um ponto de interrupção no processador de obtenção. Os detalhes levam ao local onde o recurso é pedido no script de página.

Quando o depurador é colocado em pausa dentro de um processador de obtenção, é apresentada uma informação de pilha combinada no painel à direita. Depois disso, pode mover-se nos fotogramas da pilha.

Trabalho futuro

A equipa de DevTools do Microsoft Edge planeia desenvolver ainda mais os detalhes da cache e está a investigar mais formas de melhorar a experiência de depuração da função de trabalho de serviço para programadores de Aplicação Web Progressiva (PWA ).