Desminificador de source map de JavaScript
Envie o código JavaScript minificado e seu source map (v3) para reconstruir os arquivos originais. Mapeie posições minificadas para o arquivo, a linha e a coluna originais. Aceita source maps em linha e arquivos .map externos - tudo grátis, privado e sem cadastro.
Upload or paste a minified JavaScript file and its source map to reconstruct original source code. Supports inline source maps (/*# sourceMappingURL=data:... */) and external .map files. All processing happens in your browser — no uploads.
Source Map Summary
- src/index.js ✓
- src/utils.js ✓
Understanding Source Map Unminification
A source map maps minified code back to original source files using VLQ-encoded position mappings. When sourcesContent is present (as in this sample), the original source code can be fully reconstructed. Without sourcesContent, only position data is available and reconstruction is limited to showing where each mapping points. The source map format (v3) is defined by theSource Map Specification.
Recursos
- Desminificação com source map: envie o JavaScript minificado junto com seu source map para reconstruir o código-fonte original. Mapeia cada posição minificada de volta ao arquivo, à linha e à coluna originais com precisão total.
- Suporte a source maps em linha e externos: aceita source maps em linha (data:application/json;base64,...), comentários //# sourceMappingURL= e envio de arquivos .map externos. Funciona com todos os principais bundlers: Webpack, Rollup, Vite, ESBuild e Terser.
- Reconstrução do código original: após o mapeamento, navegue pelos arquivos-fonte originais reconstruídos com nomes de variáveis, comentários e formatação corretos. Navegue entre os arquivos originais com um painel de explorador de arquivos.
- Mapeamento detalhado de posições: explore os dados de mapeamento do source map em uma tabela estruturada. Veja cada posição original (arquivo, linha, coluna) mapeada para sua posição minificada. Copie mapeamentos individuais ou exporte toda a tabela de mapeamentos como JSON.
O que é um source map?
Um source map (especificado pela Source Map Specification ) é um arquivo que mapeia o código minificado ou transpilado de volta para sua origem original. Quando o JavaScript é minificado, os nomes de variáveis são encurtados, os espaços em branco são removidos e vários arquivos são agrupados. Um source map armazena um mapeamento de cada posição na saída para seu arquivo, linha e coluna originais - permitindo que ferramentas como depuradores e rastreadores de erros mostrem o código-fonte original em vez da saída minificada.
Como funciona o desminificador
O Desminificador de source map de JavaScript analisa seu código minificado e o source map usando a biblioteca mozilla/source-map (portada para JS compatível com navegadores). A ferramenta lê os mapeamentos codificados em VLQ no source map, os decodifica em pares (linha_saída, coluna_saída) → (arquivo_origem, linha_origem, coluna_origem) e reconstrói os arquivos originais. Os arquivos aparecem em uma árvore navegável e cada mapeamento pode ser inspecionado individualmente em uma tabela de detalhes. Todo o processamento acontece no seu navegador - nenhum dado é enviado.
Codificação VLQ e mapeamentos
Os source maps usam codificação Variable Length Quantity (VLQ) para armazenar de forma compacta os mapeamentos de posições como strings codificadas em Base64. Cada segmento de mapeamento codifica cinco valores: coluna no arquivo gerado, índice do arquivo de origem original, número da linha original, número da coluna original e índice de nome original opcional. O desminificador decodifica esses segmentos VLQ e os apresenta em uma tabela legível, mostrando cada posição gerada e sua posição original correspondente. Entender VLQ ajuda a verificar se seus source maps são gerados corretamente.
Privacidade e segurança
Esta ferramenta roda inteiramente no seu navegador. Seu código minificado e seus source maps nunca são enviados a nenhum servidor, armazenados em qualquer banco de dados ou transmitidos pela rede. Toda a lógica de análise, decodificação e reconstrução é executada localmente no seu dispositivo. Não há chamadas de API, rastreamento analítico nem coleta de dados de qualquer tipo. Isso a torna segura para uso com código proprietário, aplicações internas e bibliotecas de terceiros sensíveis que você esteja auditando.
Perguntas frequentes
Um source map é um arquivo que mapeia o código JavaScript minificado ou transpilado de volta para sua origem original. Ele armazena mapeamentos entre cada posição na saída minificada e o arquivo, a linha e a coluna correspondentes na origem original. O Desminificador de source map lê esses mapeamentos e reconstrói o código original, mostrando como ele era antes da minificação, com nomes de variáveis, comentários e formatação corretos.
Os source maps normalmente são gerados durante o processo de build. Procure um comentário //# sourceMappingURL= no final do arquivo minificado apontando para um arquivo .map. Muitos CDNs e gerenciadores de pacotes também servem arquivos .map junto com os arquivos .min.js. Para seus próprios projetos, configure seu bundler (Webpack, Vite, Rollup) para gerar source maps definindo devtool como "source-map".
A ferramenta aceita o formato padrão Source Map v3. Isso inclui source maps em linha incorporados como URIs data:application/json;base64,..., envio de arquivos .map externos e source maps referenciados por comentários //# sourceMappingURL=. Funciona com mapas gerados por Webpack, Rollup, Vite, ESBuild, Terser, UglifyJS e Closure Compiler.
Sem um source map, você só pode embelezar o código minificado (adicionar espaços em branco e quebras de linha), mas não pode recuperar os nomes de variáveis originais, os comentários ou a estrutura de arquivos. Para uma desminificação verdadeira com identificadores e organização de arquivos originais, é necessário um source map.
O campo sourcesContent de um source map incorpora opcionalmente o código-fonte original completo de cada arquivo de origem. Quando presente, a ferramenta consegue reconstruir perfeitamente os arquivos originais com o código, os comentários e a formatação corretos. Sem sourcesContent, só há dados de mapeamento de posições, e a reconstrução se limita a mostrar onde cada posição minificada aponta nos arquivos originais.
VLQ significa Variable Length Quantity (quantidade de comprimento variável), um esquema de codificação compacto usado nos source maps v3 para armazenar mapeamentos de posições com eficiência. Cada segmento de mapeamento é codificado em Base64-VLQ, usando apenas caracteres imprimíveis e segmentos de comprimento variável para representar números. A codificação permite que os source maps armazenem milhões de mapeamentos mantendo tamanhos de arquivo gerenciáveis.
Com certeza. O Desminificador de source map de JavaScript roda 100% no seu navegador. Seu código e seus source maps nunca são enviados a nenhum servidor, armazenados em qualquer banco de dados ou transmitidos pela rede. Toda a lógica de análise, decodificação e reconstrução é executada localmente no seu dispositivo para privacidade e segurança totais.
Sim - 100% grátis, sem cadastro, sem conta e sem limites de uso. Desminifique quantos arquivos de código precisar e explore quantos source maps quiser. Não há planos premium, cobranças ocultas ou limites de taxa.