Extracteur de Source Maps
Extrayez tous les fichiers source originaux d'un fichier .map et telechargez-les sous forme d'archive ZIP.
Livres Recommandes sur le Debogage JavaScript et les Outils de Build
Eloquent JavaScript
Marijn Haverbeke
JavaScript: The Good Parts
Douglas Crockford
JavaScript: The Definitive Guide
David Flanagan
En tant que partenaire Amazon, nous percevons une commission sur les achats qualifiés.
Aimez-vous cet outil ?
Comment utiliser
Telechargez votre source map
Glissez-deposez un fichier .map dans la zone de depot, ou cliquez pour parcourir vos fichiers. L'outil accepte les fichiers .map et .json.
Extraction automatique
L'outil analyse le JSON du source map, lit toutes les entrees sources et sourcesContent, et les empaquette dans une archive ZIP en preservant la structure de repertoires d'origine.
Telechargez le ZIP
Une fois le traitement termine, cliquez sur le bouton de telechargement pour enregistrer le fichier ZIP contenant tous les fichiers source extraits.
Cas d'utilisation
Deboguer du code en production
"Extrayez le code source original en TypeScript ou ES6+ du source map d'un bundle JavaScript minifie pour deboguer les problemes en production."
Recuperer du code source perdu
"Si vous avez un source map mais avez perdu les fichiers source originaux, utilisez cet outil pour recuperer l'arborescence complete du code."
Auditer des bibliotheques tierces
"Inspectez le code source original des bibliotheques tierces en extrayant leurs source maps pour comprendre ce que fait le code minifie."
Outils et Accessoires Recommandes pour Developpeurs
Keychron Q1 Pro Clavier Mecanique Sans Fil
Keychron
LG 27UP850K-W Moniteur 4K UHD IPS 27 pouces
LG
Logitech MX Master 3S Souris Sans Fil
Logitech
En tant que partenaire Amazon, nous percevons une commission sur les achats qualifiés.
Questions Frequemment Posees
?Qu'est-ce qu'un source map?
Un source map est un fichier JSON (generalement avec une extension .map) qui associe du code minifie ou transpile a sa source d'origine. Il contient les noms des fichiers originaux et leur contenu.
?Quels formats de fichier sont pris en charge?
L'outil accepte les fichiers .map et .json qui suivent la specification Source Map v3. Ils sont generalement generes par des bundlers comme Webpack, Vite, Rollup ou esbuild.
?Que se passe-t-il si le source map n'a pas de sourcesContent?
Certains source maps ne contiennent que des chemins de fichiers (sources) sans le contenu reel (sourcesContent). Dans ce cas, l'outil ne peut pas extraire les fichiers et affichera un message d'erreur.
?Cet outil gere-t-il les URL webpack://?
Oui. L'outil supprime automatiquement les prefixes de protocole courants comme webpack:// des chemins de fichiers, produisant des structures de repertoires propres dans le ZIP de sortie.
?Mes donnees sont-elles privees?
Oui. Tout s'execute entierement dans votre navigateur. Aucune donnee n'est envoyee a un serveur. Vos source maps et fichiers extraits ne quittent jamais votre appareil.
?Cet outil est-il gratuit?
Oui. Entierement gratuit, sans limites et sans inscription requise.
?Puis-je utiliser ceci avec des source maps CSS?
Absolument. Les source maps CSS generes par SASS, LESS, PostCSS ou des minificateurs CSS suivent le meme format et fonctionnent parfaitement avec cet outil.