Desempaquetador de Source Maps
Extrae todos los archivos fuente originales de un archivo .map y descargalos como un archivo ZIP.
Libros Recomendados sobre Depuracion JavaScript y Herramientas de Compilacion
Eloquent JavaScript
Marijn Haverbeke
JavaScript: The Good Parts
Douglas Crockford
JavaScript: The Definitive Guide
David Flanagan
Como asociado de Amazon, ganamos con las compras que califican.
¿Qué te parece esta herramienta?
Como usar
Sube tu source map
Arrastra y suelta un archivo .map en la zona de carga, o haz clic para explorar tus archivos. La herramienta acepta archivos .map y .json.
Extraccion automatica
La herramienta analiza el JSON del source map, lee todas las entradas de sources y sourcesContent, y las empaqueta en un archivo ZIP preservando la estructura de directorios original.
Descarga el ZIP
Una vez completado el procesamiento, haz clic en el boton de descarga para guardar el archivo ZIP con todos los archivos fuente extraidos.
Casos de uso
Depurar codigo en produccion
"Extrae el codigo fuente original en TypeScript o ES6+ del source map de un bundle JavaScript minificado para depurar problemas en produccion."
Recuperar codigo fuente perdido
"Si tienes un source map pero perdiste los archivos fuente originales, usa esta herramienta para recuperar el arbol completo de codigo."
Auditar librerias de terceros
"Inspecciona el codigo fuente original de librerias de terceros extrayendo sus source maps para entender que hace el codigo minificado."
Herramientas y Accesorios Recomendados para Desarrolladores
Keychron Q1 Pro Teclado Mecanico Inalambrico
Keychron
LG 27UP850K-W Monitor 4K UHD IPS de 27 pulgadas
LG
Logitech MX Master 3S Raton Inalambrico
Logitech
Como asociado de Amazon, ganamos con las compras que califican.
Preguntas Frecuentes
?Que es un source map?
Un source map es un archivo JSON (generalmente con extension .map) que mapea codigo minificado o transpilado a su fuente original. Contiene los nombres de los archivos originales y sus contenidos.
?Que formatos de archivo son compatibles?
La herramienta acepta archivos .map y .json que siguen la especificacion Source Map v3. Estos son generados tipicamente por empaquetadores como Webpack, Vite, Rollup o esbuild.
?Que pasa si el source map no tiene sourcesContent?
Algunos source maps solo contienen rutas de archivos (sources) sin el contenido real (sourcesContent). En ese caso, la herramienta no puede extraer archivos y mostrara un mensaje de error.
?Esta herramienta maneja URLs webpack://?
Si. La herramienta elimina automaticamente prefijos de protocolo comunes como webpack:// de las rutas de archivos, produciendo estructuras de directorios limpias en el ZIP de salida.
?Mis datos son privados?
Si. Todo se ejecuta completamente en tu navegador. Ningun dato se sube a ningun servidor. Tus source maps y archivos extraidos nunca salen de tu dispositivo.
?Esta herramienta es gratuita?
Si. Completamente gratuita, sin limites y sin necesidad de registro.
?Puedo usar esto con source maps de CSS?
Por supuesto. Los source maps de CSS generados por SASS, LESS, PostCSS o minificadores de CSS siguen el mismo formato y funcionan perfectamente con esta herramienta.