Déminifieur de source map JavaScript
Importez le code JavaScript minifié et sa source map (v3) pour reconstruire les fichiers sources originaux. Mappez les positions minifiées vers le fichier, la ligne et la colonne d'origine. Prend en charge les source maps en ligne et les fichiers .map externes - tout gratuit, privé et sans inscription.
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.
Fonctionnalités
- Déminification par source map : importez le JavaScript minifié avec sa source map pour reconstruire le code source original. Mappe chaque position minifiée vers son fichier, sa ligne et sa colonne d'origine avec une précision totale.
- Prise en charge des source maps en ligne et externes : prend en charge les source maps en ligne (data:application/json;base64,...), les commentaires //# sourceMappingURL= et l'import de fichiers .map externes. Fonctionne avec tous les principaux bundlers : Webpack, Rollup, Vite, ESBuild et Terser.
- Reconstruction du code original : après le mappage, parcourez les fichiers sources originaux reconstruits avec les bons noms de variables, commentaires et formatage. Naviguez entre les fichiers d'origine via un panneau d'explorateur de fichiers.
- Mappage détaillé des positions : explorez les données de mappage de la source map dans une table structurée. Voyez chaque position d'origine (fichier, ligne, colonne) mappée à sa position minifiée. Copiez des mappages individuels ou exportez toute la table de mappages en JSON.
Qu'est-ce qu'une source map ?
Une source map (spécifiée par la Source Map Specification ) est un fichier qui mappe le code minifié ou transpilé vers sa source originale. Lorsque JavaScript est minifié, les noms de variables sont raccourcis, les espaces blancs supprimés et plusieurs fichiers regroupés. Une source map stocke un mappage de chaque position de la sortie vers son fichier, sa ligne et sa colonne d'origine - ce qui permet à des outils comme les débogueurs et les traqueurs d'erreurs d'afficher le code source original au lieu de la sortie minifiée.
Comment fonctionne le déminifieur
Le déminifieur de source map JavaScript analyse votre code minifié et la source map en utilisant la bibliothèque mozilla/source-map (portée en JS compatible navigateur). L'outil lit les mappages encodés en VLQ de la source map, les décode en paires (ligne_sortie, colonne_sortie) → (fichier_source, ligne_source, colonne_source), et reconstruit les fichiers sources originaux. Les fichiers apparaissent dans une arborescence navigable, et chaque mappage peut être inspecté individuellement dans une table de détail. Tout le traitement se fait dans votre navigateur - aucune donnée n'est jamais envoyée.
Encodage VLQ et mappages
Les source maps utilisent l'encodage Variable Length Quantity (VLQ) pour stocker de manière compacte les mappages de positions sous forme de chaînes encodées en Base64. Chaque segment de mappage encode cinq valeurs : colonne dans le fichier généré, index du fichier source original, numéro de ligne original, numéro de colonne original et index de nom original facultatif. Le déminifieur décode ces segments VLQ et les présente dans une table lisible, montrant chaque position générée et sa position d'origine correspondante. Comprendre VLQ vous aide à vérifier que vos source maps sont correctement générées.
Confidentialité et sécurité
Cet outil s'exécute entièrement dans votre navigateur. Votre code minifié et vos source maps ne sont jamais envoyés à un serveur, stockés dans une base de données ou transmis sur le réseau. Toute la logique d'analyse, de décodage et de reconstruction s'exécute localement sur votre appareil. Il n'y a aucun appel d'API, aucun suivi analytique et aucune collecte de données. Cela le rend sûr à utiliser avec du code propriétaire, des applications internes et des bibliothèques tierces sensibles que vous auditez.
Foire aux questions
Une source map est un fichier qui mappe le code JavaScript minifié ou transpilé vers sa source originale. Elle stocke les mappages entre chaque position de la sortie minifiée et le fichier, la ligne et la colonne correspondants dans la source originale. Le déminifieur de source map lit ces mappages et reconstruit le code original, vous montrant à quoi ressemblait le code avant la minification avec les bons noms de variables, commentaires et formatage.
Les source maps sont généralement générées pendant le processus de build. Recherchez un commentaire //# sourceMappingURL= à la fin du fichier minifié pointant vers un fichier .map. De nombreux CDN et gestionnaires de paquets servent aussi des fichiers .map aux côtés des fichiers .min.js. Pour vos propres projets, configurez votre bundler (Webpack, Vite, Rollup) pour générer des source maps en définissant devtool sur "source-map".
L'outil prend en charge le format standard Source Map v3. Cela inclut les source maps en ligne intégrées comme URI data:application/json;base64,..., les imports de fichiers .map externes et les source maps référencées via des commentaires //# sourceMappingURL=. Il fonctionne avec les maps générées par Webpack, Rollup, Vite, ESBuild, Terser, UglifyJS et Closure Compiler.
Sans source map, vous pouvez seulement embellir le code minifié (ajouter des espaces et des sauts de ligne), mais vous ne pouvez pas récupérer les noms de variables, les commentaires ou la structure de fichiers d'origine. Pour une véritable déminification avec les identifiants et l'organisation de fichiers d'origine, une source map est nécessaire.
Le champ sourcesContent d'une source map intègre facultativement le code source original complet de chaque fichier source. Lorsqu'il est présent, l'outil peut reconstruire parfaitement les fichiers originaux avec le bon code, les commentaires et le formatage. Sans sourcesContent, seules les données de mappage de positions sont disponibles, et la reconstruction se limite à montrer où chaque position minifiée pointe dans les fichiers d'origine.
VLQ signifie Variable Length Quantity, un schéma d'encodage compact utilisé dans les source maps v3 pour stocker efficacement les mappages de positions. Chaque segment de mappage est encodé en Base64-VLQ, en n'utilisant que des caractères imprimables et des segments de longueur variable pour représenter les nombres. Cet encodage permet aux source maps de stocker des millions de mappages tout en gardant des tailles de fichier gérables.
Absolument. Le déminifieur de source map JavaScript s'exécute à 100 % dans votre navigateur. Votre code et vos source maps ne sont jamais envoyés à un serveur, stockés dans une base de données ou transmis sur le réseau. Toute la logique d'analyse, de décodage et de reconstruction s'exécute localement sur votre appareil pour une confidentialité et une sécurité totales.
Oui - 100 % gratuit, sans inscription, sans compte et sans limite d'utilisation. Déminifiez autant de fichiers de code que nécessaire, explorez autant de source maps que vous le souhaitez. Aucune offre premium, aucun frais caché et aucune limite de débit.