Résolveur de source map
Source Map Resolver
Ramène une trace d’appels minifiée à ses fichiers et ses lignes d’origine à l’aide de la source map que vous fournissez.
Prend une trace d'appels venue d'un bundle minifié et un fichier `.map`, et vous dit de quelle ligne de quel fichier source d'origine vient chaque frame. Tout est décodé dans l'onglet — ni la map ni la trace, qui nomme souvent vos chemins internes, ne va où que ce soit.
Source map (.map)
Déposez un fichier .map
Lu dans cet onglet. Rien n’est envoyé.
Trace minifiée
names. Le code source d’origine n’apparaît que si la map embarque sourcesContent — une map sans cela connaît les positions, pas le code. Les lignes de frame qui ne se lisent pas passent telles quelles.Comment s’en servir
Procurez-vous la source map
Soit le fichier `.map` lui-même, soit l'URI `data:` du commentaire `sourceMappingURL` en bas du bundle. Les deux se collent ici.
Collez la trace d'appels
Directement issue d'un rapport d'erreur — le tout, ligne `Error:` comprise. Les frames qui ne s'analysent pas passent tels quels au lieu de disparaître.
Lisez les positions d'origine
Chaque frame reçoit son fichier source, sa ligne, sa colonne et — là où la table `names` de la map l'a — le nom de fonction d'origine. Copiez toute la trace remappée d'un seul bouton.
Questions fréquentes
Pourquoi aucune ligne de source n'est-elle affichée ?
Parce que la source map n'embarque pas `sourcesContent`. Une map qui en est dépourvue sait où les choses étaient, pas ce qui y était écrit — la statistique sous la source map dit si la vôtre l'a. Compilez avec `sourcemap: true` plutôt qu'avec un réglage limité aux chemins si vous voulez le code.
Un frame dit « aucune correspondance à cette position ».
La colonne de ce frame tombe en dehors de tout segment de correspondance. Cela veut en général dire que la source map correspond à une autre compilation du fichier que celle qui a levé l'erreur — un déploiement qui a livré du code neuf avec une vieille source map, ou un CDN qui sert un bundle en cache.
Est-il sans risque de coller ici une source map de production ?
Rien ne quitte l'onglet — le décodage VLQ et la recherche se font dans votre navigateur. Il vaut la peine de se rappeler qu'une source map avec `sourcesContent` contient tout votre code source d'origine : l'endroit où vous la collez compte en général, même si ce n'est pas le cas ici.
Quelle version de source map lit-il ?
La v3, la seule que qui que ce soit émette. Les index maps — la forme `sections` employée pour les très gros bundles — ne sont pas prises en charge ; donnez-lui plutôt la source map de section qui couvre votre frame.
À alimenter depuis
Formater ou minifier du JavaScript
JavaScript Beautifier & Minifier
Retire commentaires et espaces d’un JavaScript ou d’un TypeScript sans rien renommer, et réindente un bundle minifié pour qu’il redevienne lisible.
Formateur et validateur JSON
JSON Formatter & Validator
Met en forme, minifie et valide du JSON en désignant la ligne et la colonne exactes de l’erreur de syntaxe.
Formateur et validateur YAML
YAML Formatter & Validator
Réindente le YAML de façon cohérente, le valide et signale les tabulations et les ancres qui font échouer les analyseurs.
Formateur et validateur TOML
TOML Formatter & Validator
Met en forme et valide du TOML, en normalisant l’ordre des tables et le style des tables en ligne.
Ensuite
Ces outils acceptent ce que celui-ci produit : le résultat peut y aller directement.
Visionneuse et nettoyeur de HAR
HAR Viewer & Sanitiser
Ouvre une capture HAR sous forme de cascade et retire cookies, en-têtes d’authentification et jetons avant que vous ne la partagiez.
Visionneuse hexadécimale
Hex Viewer
Affiche n’importe quel fichier en vidage décalage, hexadécimal et ASCII, identifie les octets d’en-tête et met en évidence une recherche.
Formater ou minifier du JavaScript
JavaScript Beautifier & Minifier
Retire commentaires et espaces d’un JavaScript ou d’un TypeScript sans rien renommer, et réindente un bundle minifié pour qu’il redevienne lisible.
Encodeur et décodeur Base64
Base64 Encoder & Decoder
Encode et décode en Base64 et en Base64URL, pour du texte comme pour des fichiers, avec un traitement correct de l’UTF-8.
curl vers code
curl to Code
Traduit une commande curl en fetch, axios, requests Python, Go, PHP ou PowerShell.
Hachage de texte
Text Hash
Calcule le MD5, le SHA-1, le SHA-256, le SHA-384, le SHA-512 et le CRC-32 d’une chaîne, avec sortie en majuscules ou en Base64.