Ferramenta Monitor do Mapas de Origem

Use a ferramenta Monitor do Mapas de Origem para monitorar quais arquivos de origem em sua página da Web solicitaram o carregamento de mapas de origem e se os mapas de origem foram carregados. Essa ferramenta será útil se sua página da Web usar mapas de origem para mapear seu código reprocessado para o código-fonte original. O mapeamento de origem permite que você veja e depure seu código-fonte original, em vez de ter que trabalhar com a versão reprocessada do código retornada pelo servidor.

Para experimentar este recurso:

1. Em uma nova guia ou janela, siga as instruções em Mapear o código processado para o código-fonte original, para depuração e continue abaixo.

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

3. Na ferramenta Fontes , na guia Página , selecione o arquivo que a demonstração criou para você, como Coffee2.js.

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

   

Exclusões e inclusões

A ferramenta Monitor de Mapas de Origem mostra quais pesquisas de URL foram ou não tentadas, conforme configurado em configurações de filtro no comportamento do Filtro de Servidor > de Símbolo de Configurações de DevTools>. Por exemplo:

1. Clique com o botão direito do mouse em uma página da Web e selecione Inspecionar. DevTools é aberto.

2. Clique no botão Configurações () e selecione Servidor de Símbolos.

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

   • Depurar com segurança o código original publicando mapas de origem para o servidor de símbolos do Azure Artifacts
   • Depurar com segurança o código original usando mapas de origem do servidor de símbolos do Azure Artifacts
   • Melhorias para conectar o DevTools ao servidor de símbolos do Azure Artifacts no What's New in DevTools (Microsoft Edge 115).

4. Na caixa de texto Filtrar comportamento , insira um domínio com curinga para excluir (ou, para incluir), como: https://ryanseddon.com/*

5. Feche Configurações de DevTools.

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

   A ferramenta Monitor do Mapas de Origem agora indica tentativas de pesquisa de URL de 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 com segurança o código original publicando mapas de origem para o servidor de símbolos do Azure Artifacts
• Depurar com segurança o código original usando mapas de origem do servidor de símbolos do Azure Artifacts
• A ferramenta DevTools agora notifica você quando os guias de origem não podem ser carregadosno What's New em DevTools (Microsoft Edge 96).