Desminificador de mapas de código fuente de JavaScript
Suba el código JavaScript minimizado y su mapa de código fuente (v3) para reconstruir los archivos originales. Asigne las posiciones minimizadas al archivo, la línea y la columna originales. Admite mapas de código fuente en línea y archivos .map externos: todo gratis, privado y sin registro.
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.
Características
- Desminificación con mapas de código fuente: suba el JavaScript minimizado junto con su mapa de código fuente para reconstruir el código original. Asigna cada posición minimizada a su archivo, línea y columna originales con total precisión.
- Compatibilidad con mapas en línea y externos: admite mapas de código fuente en línea (data:application/json;base64,...), comentarios //# sourceMappingURL= y carga de archivos .map externos. Funciona con todos los empaquetadores principales: Webpack, Rollup, Vite, ESBuild y Terser.
- Reconstrucción del código original: tras el mapeo, explore los archivos originales reconstruidos con nombres de variables, comentarios y formato correctos. Navegue entre archivos originales usando un panel de explorador de archivos.
- Mapeo detallado de posiciones: explore los datos de asignación del mapa de código fuente en una tabla estructurada. Vea cada posición original (archivo, línea, columna) asignada a su posición minimizada. Copie asignaciones individuales o exporte toda la tabla de asignaciones como JSON.
¿Qué es un mapa de código fuente?
Un mapa de código fuente (especificado por la Source Map Specification ) es un archivo que asigna el código minimizado o transpilado a su código fuente original. Cuando se minimiza JavaScript, los nombres de variables se acortan, se eliminan los espacios en blanco y se agrupan varios archivos. Un mapa de código fuente almacena una asignación de cada posición del resultado a su archivo, línea y columna originales, lo que permite a herramientas como depuradores y rastreadores de errores mostrar el código fuente original en lugar del resultado minimizado.
Cómo funciona el desminificador
El Desminificador de mapas de código fuente de JavaScript analiza su código minimizado y el mapa de código fuente usando la biblioteca mozilla/source-map (portada a JS compatible con navegadores). La herramienta lee las asignaciones codificadas en VLQ del mapa, las decodifica en pares (línea_salida, columna_salida) → (archivo_origen, línea_origen, columna_origen) y reconstruye los archivos originales. Los archivos aparecen en un árbol navegable y cada asignación puede inspeccionarse individualmente en una tabla de detalles. Todo el procesamiento ocurre en su navegador: nunca se sube ningún dato.
Codificación VLQ y asignaciones
Los mapas de código fuente usan codificación Variable Length Quantity (VLQ) para almacenar de forma compacta las asignaciones de posiciones como cadenas codificadas en Base64. Cada segmento de asignación codifica cinco valores: columna en el archivo generado, índice del archivo de origen original, número de línea original, número de columna original e índice de nombre original opcional. El desminificador decodifica estos segmentos VLQ y los presenta en una tabla legible, mostrando cada posición generada y su posición original correspondiente. Entender VLQ le ayuda a verificar que sus mapas de código fuente se generan correctamente.
Privacidad y seguridad
Esta herramienta se ejecuta por completo en su navegador. Su código minimizado y sus mapas de código fuente nunca se suben a ningún servidor, ni se almacenan en ninguna base de datos, ni se transmiten por la red. Toda la lógica de análisis, decodificación y reconstrucción se ejecuta localmente en su dispositivo. No hay llamadas a API, ni seguimiento analítico y ningún tipo de recopilación de datos. Esto la hace segura para usar con código propietario, aplicaciones internas y bibliotecas de terceros sensibles que esté auditando.
Preguntas frecuentes
Un mapa de código fuente es un archivo que asigna el código JavaScript minimizado o transpilado a su código fuente original. Almacena asignaciones entre cada posición del resultado minimizado y el archivo, la línea y la columna correspondientes en el código original. El Desminificador de mapas de código fuente lee estas asignaciones y reconstruye el código original, mostrándole cómo era antes de la minimización con nombres de variables, comentarios y formato correctos.
Los mapas de código fuente suelen generarse durante el proceso de compilación. Busque un comentario //# sourceMappingURL= al final del archivo minimizado que apunte a un archivo .map. Muchos CDN y gestores de paquetes también sirven archivos .map junto a los archivos .min.js. Para sus propios proyectos, configure su empaquetador (Webpack, Vite, Rollup) para generar mapas de código fuente estableciendo devtool en "source-map".
La herramienta admite el formato estándar Source Map v3. Esto incluye mapas de código fuente en línea incrustados como URI data:application/json;base64,..., cargas de archivos .map externos y mapas de código fuente referenciados mediante comentarios //# sourceMappingURL=. Funciona con mapas generados por Webpack, Rollup, Vite, ESBuild, Terser, UglifyJS y Closure Compiler.
Sin un mapa de código fuente, solo puede embellecer el código minimizado (añadir espacios en blanco y saltos de línea), pero no puede recuperar los nombres de variables originales, los comentarios ni la estructura de archivos. Para una verdadera desminificación con identificadores y organización de archivos originales, se necesita un mapa de código fuente.
El campo sourcesContent de un mapa de código fuente incorpora opcionalmente el código fuente original completo de cada archivo de origen. Cuando está presente, la herramienta puede reconstruir perfectamente los archivos originales con el código, los comentarios y el formato correctos. Sin sourcesContent, solo hay datos de asignación de posiciones y la reconstrucción se limita a mostrar dónde apunta cada posición minimizada en los archivos originales.
VLQ significa Variable Length Quantity (cantidad de longitud variable), un esquema de codificación compacto usado en los mapas de código fuente v3 para almacenar asignaciones de posiciones de forma eficiente. Cada segmento de asignación se codifica en Base64-VLQ, usando solo caracteres imprimibles y segmentos de longitud variable para representar números. La codificación permite que los mapas de código fuente almacenen millones de asignaciones manteniendo tamaños de archivo manejables.
Por supuesto. El Desminificador de mapas de código fuente de JavaScript se ejecuta al 100 % en su navegador. Su código y sus mapas de código fuente nunca se suben a ningún servidor, ni se almacenan en ninguna base de datos, ni se transmiten por la red. Toda la lógica de análisis, decodificación y reconstrucción se ejecuta localmente en su dispositivo para una privacidad y seguridad totales.
Sí: 100 % gratis, sin registro, sin cuenta y sin límites de uso. Desminifique tantos archivos de código como necesite y explore tantos mapas de código fuente como quiera. No hay planes premium, ni cargos ocultos, ni límites de velocidad.