Dicas do DevTools: o que são mapas de origem?
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Os mapas de origem permitem que você mantenha o código legível e depurável mesmo depois de combiná-lo e minificar, sem afetar o desempenho.
Ao usar vários transpiladores, minificadores e agrupadores, o código implantado é diferente do código criado. Para melhorar o desempenho da rede, essas ferramentas comprimem o código em uma única linha, removem caracteres desnecessários e encurtam variáveis.
Muitas ferramentas podem gerar mapas de origem para acompanhar seu código.
O Chrome DevTools lê o código implantado e os mapas de origem e permite depurar seu código normalmente, mesmo com breakpoints.
Para entender melhor como os mapas de origem funcionam, consulte o visualizador de mapas de origem.
Além disso, os mapas de origem podem ter extensões. Se você cria ferramentas e frameworks, considere oferecer suporte a eles. Confira este estudo de caso: Melhor depuração do Angular com o DevTools, em que a equipe do DevTools e o Angular melhoraram a experiência de depuração no DevTools com suporte à extensão x_google_ignoreList.
Para saber mais, veja:
Exceto em caso de indicação contrária, o conteúdo desta página é licenciado de acordo com a Licença de atribuição 4.0 do Creative Commons, e as amostras de código são licenciadas de acordo com a Licença Apache 2.0. Para mais detalhes, consulte as políticas do site do Google Developers. Java é uma marca registrada da Oracle e/ou afiliadas.
Última atualização 2023-03-31 UTC.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 2023-03-31 UTC."],[],[],null,[]]
