Resolver source map
Source Map Resolver
Mapeia um stack trace minificado de volta aos arquivos e linhas originais usando um source map que você fornece.
Pega um stack trace de um bundle minificado e um arquivo `.map`, e diz de qual linha de qual código-fonte original cada frame veio. Tudo é decodificado na aba: nem o mapa nem o trace, que muitas vezes nomeia seus caminhos internos, vão a lugar nenhum.
Source map (.map)
Solte um arquivo .map
Lido nesta aba. Nada é enviado.
Stack trace minificado
names. O código-fonte original aparece só quando o mapa embute sourcesContent — um mapa sem isso sabe posições, não código. Linhas de quadro que não dá para ler passam sem mudança.Como usar
Consiga o mapa
Ou o próprio arquivo `.map`, ou o URI `data:` de um comentário `sourceMappingURL` no fim do bundle. Os dois colam aqui.
Cole o stack trace
Direto de um relatório de erro: o texto inteiro, linha `Error:` incluída. Frames que não são analisados passam sem mudança em vez de sumir.
Leia as posições originais
Cada frame recebe seu arquivo-fonte, linha, coluna e — onde a tabela `names` do mapa tem — o nome original da função. Copie o trace remapeado inteiro com um botão.
Perguntas frequentes
Por que nenhuma linha de código é mostrada?
Porque o mapa não embute `sourcesContent`. Um mapa sem ele sabe onde as coisas estavam, não o que estava escrito ali; a estatística abaixo do mapa diz se o seu tem. Faça o build com `sourcemap: true` em vez de uma configuração só de caminhos se você quer o código.
Um frame diz “sem mapeamento nesta posição”.
A coluna desse frame cai fora de qualquer segmento de mapeamento. Normalmente significa que o mapa é de um build diferente do arquivo que lançou o erro: um deploy que publicou código novo com um mapa antigo, ou um CDN servindo um bundle em cache.
É seguro colar um source map de produção aqui?
Nada sai da aba: a decodificação VLQ e a consulta são feitas no seu navegador. Vale lembrar que um mapa com `sourcesContent` contém todo o seu código-fonte original, então onde você o cola importa em geral, mesmo que aqui não.
Qual versão de source map ele lê?
v3, a única que alguém emite. Mapas de índice — a forma com `sections` usada em bundles muito grandes — não são suportados; forneça o mapa da seção que cobre o seu frame em vez disso.
Pode receber de
Formatador e minificador de JavaScript
JavaScript Beautifier & Minifier
Remove comentários e espaços de JavaScript ou TypeScript sem renomear nada, e reindenta um bundle minificado para que dê para ler de novo.
Formatador e validador de JSON
JSON Formatter & Validator
Formata, minifica e valida JSON, apontando a linha e a coluna exatas de um erro de sintaxe.
Formatador e validador de YAML
YAML Formatter & Validator
Reindenta YAML de forma consistente, valida e aponta os erros de tabulação e âncora que quebram os parsers.
Formatador e validador de TOML
TOML Formatter & Validator
Formata e valida TOML, normalizando a ordem das tabelas e o estilo das tabelas em linha.
Em seguida
Estas aceitam o que esta ferramenta produz, então o resultado pode ir direto.
Visualizador e limpador de HAR
HAR Viewer & Sanitiser
Abre uma captura HAR como cascata e remove cookies, headers de autenticação e tokens antes de você compartilhar.
Visualizador hexadecimal
Hex Viewer
Mostra qualquer arquivo como despejo offset/hex/ASCII, identifica os magic bytes e destaca uma busca.
Formatador e minificador de JavaScript
JavaScript Beautifier & Minifier
Remove comentários e espaços de JavaScript ou TypeScript sem renomear nada, e reindenta um bundle minificado para que dê para ler de novo.
Codificar e decodificar Base64
Base64 Encoder & Decoder
Codifica e decodifica Base64 e Base64URL para texto ou arquivos, tratando UTF-8 corretamente.
curl para código
curl to Code
Converte um comando curl em fetch, axios, Python requests, Go, PHP ou PowerShell.
Hash de texto
Text Hash
Calcula MD5, SHA-1, SHA-256, SHA-384, SHA-512 e CRC-32 de uma string, com opção de saída em maiúsculas e Base64.