Existe uma maneira rápida de mudar do código jsx mostrado no Chrome DevTools para o ES5 bruto e vice-versa?
Desativar mapas de origem no Chrome DevTools
Respostas:
Abra as Ferramentas do desenvolvedor, vá em "Configurações" das Ferramentas do desenvolvedor e desmarque Enable JavaScript Sourcemapsas configurações de "Fontes".
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
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
Para aqueles que estão lutando para encontrar essas configurações como eu, veja isto: i.imgur.com/9aMlBfg.png
—
joshcomley
Acabei de tentar fazer isso e parece ter um efeito imediato, ou seja, nenhuma atualização de página parece ser necessária.
—
Jackson
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
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