Desativar mapas de origem no Chrome DevTools

Respostas:

152

Abra as Ferramentas do desenvolvedor, vá em "Configurações" das Ferramentas do desenvolvedor e desmarque Enable JavaScript Sourcemapsas configurações de "Fontes".

Configurações para ferramentas de desenvolvedor

Alternância de mapas de origem JS

Garbee
fonte
6
Obrigado, eu vi isso. Infelizmente, a alteração desta opção requer uma atualização antes de ter efeito. Eu esperava que houvesse uma maneira de alternar a opção sem atualizar.
Jack Allan
Não. Porque as fontes precisam ser reinterpretadas com base na configuração.
Garbee
2
Obrigado, estou curioso para saber por que isso é necessário, pois certamente está sempre executando o es5 sob o capô e o mapeamento de origem simplesmente informa ao depurador em qual linha a instrução atual está no código-fonte?
Jack Allan
11
Para aqueles que estão lutando para encontrar essas configurações como eu, veja isto: i.imgur.com/9aMlBfg.png
joshcomley
2
Acabei de tentar fazer isso e parece ter um efeito imediato, ou seja, nenhuma atualização de página parece ser necessária.
Jackson
0

Você pode clicar duas vezes nos números das linhas para pular dos arquivos de origem para os arquivos de saída não minimizados. Fora isso, parece limitado. Veja o comentário abaixo.

Achei isso útil durante o desenvolvimento. Ao usar webpack-dev-server(ou alguma outra ferramenta) sem minimizar js, você pode clicar duas vezes nos números das linhas nos arquivos de origem para ir para o arquivo de saída compilado, mas não minimizado.

Acabei de descobrir isso por acaso e encontrei este comentário de 21 de dezembro de 2016: https://bugs.chromium.org/p/chromium/issues/detail?id=532174#c7

Você pode clicar duas vezes no número da linha para pular para o arquivo original, mas isso é bastante inútil se o arquivo reduzido tiver todas as novas linhas removidas :(

A quebra automática de linha tornaria esse trabalho melhor https://bugs.chromium.org/p/chromium/issues/detail?id=167287

Acho que havia algum suporte para clicar duas vezes em uma seção do arquivo reduzido para pular para o arquivo mapeado de origem, mas parece ter regredido recentemente.

Idealmente, em um arquivo minimizado com um mapa de origem, clicar com o botão direito (ou clicar duas vezes) em qualquer lugar do arquivo minimizado deve permitir pular para aquele arquivo, linha e coluna exata

Scotty Wagoner
fonte
10
Quando clico duas vezes em um número de linha, ele adiciona e remove um ponto de interrupção. Estou esquecendo de algo?
emclain
Sei lá. Parece que só acontece algumas vezes. E apenas se o Chrome parecer gostar do mapa de origem. Você poderia tentar algumas linhas ou projetos diferentes, mas eu realmente não tenho nenhuma sugestão melhor. O Chrome deve suportar isso melhor.
Scotty Wagoner