Ferramenta de Monitorização de Mapas de Origem

Utilize a ferramenta Monitor de Mapas de Origem para monitorizar os ficheiros de origem na página Web que pediram o carregamento de mapas de origem e se os mapas de origem foram carregados. Esta ferramenta é útil se a sua página Web utilizar mapas de origem para mapear o código reprocessado para o código fonte original. O mapeamento de origem permite-lhe ver e depurar o código fonte original, em vez de ter de trabalhar com a versão reprocessada do código que é devolvida pelo servidor.

Para experimentar esta funcionalidade:

1. Num novo separador ou janela, siga as instruções em Mapear o código processado para o código fonte original, para depuração e, em seguida, continue abaixo.

2. Feche a caixa de diálogo de pop-up que a demonstração abre.

3. Na ferramenta Origens , no separador Página , selecione o ficheiro que a demonstração criou para si, como Coffee2.js.

4. Em DevTools, na barra de ferramentas principal, clique no botão Mais Ferramentas () e, em seguida, selecione a ferramenta Monitor de Mapas de Origem .

   

Exclusões e inclusãos

A ferramenta Monitor de Mapas de Origem mostra que pesquisas de URL foram ou não tentadas, conforme configurado nas definições de filtro no comportamento de Filtro de Servidor > de Símbolos de Definições de DevTools>. Por exemplo:

1. Clique com o botão direito do rato numa página Web e, em seguida, selecione Inspecionar. O DevTools é aberto.

2. Clique no botão Definições () e, em seguida, selecione Servidor de Símbolos.

3. Na lista pendente Comportamento do filtro , selecione Lista de Exclusão (ou, selecione Lista de Inclusão). Se a lista pendente Comportamento do filtro não for apresentada, defina as definições do Servidor de Símbolos , conforme descrito nos seguintes artigos:

   • Depurar código original de forma segura ao publicar mapas de origem no servidor de símbolos Azure Artefactos
   • Depurar código original de forma segura com mapas de origem do servidor de símbolos Azure Artefactos
   • Melhorias na ligação de DevTools ao servidor de símbolos Azure Artefactos em Novidades nas DevTools (Microsoft Edge 115).

4. Na caixa de texto Comportamento do filtro , introduza um domínio com caráter universal para excluir (ou, incluir), como: https://ryanseddon.com/*

5. Feche as Definições de DevTools.

6. Em DevTools, selecione a ferramenta Monitor de Mapas de Origem .

   A ferramenta Monitor de Mapas de Origem indica agora tentativas de pesquisa do URL do mapa de origem excluídas (ou incluídas):

Confira também

• Mapear o código processado para o código fonte original, para depuração
• Depurar código original de forma segura ao publicar mapas de origem no servidor de símbolos Azure Artefactos
• Depurar código original de forma segura com mapas de origem do servidor de símbolos Azure Artefactos
• A ferramenta Origens notifica-o agora quando não é possível carregar os códigos de origem em Novidades no DevTools (Microsoft Edge 96).