JavaScript-Source-Map-Unminifier
Laden Sie minifizierten JavaScript-Code und seine Source Map (v3) hoch, um die Originalquelldateien zu rekonstruieren. Ordnen Sie minifizierte Positionen der Originaldatei, -zeile und -spalte zu. Unterstützt Inline-Source-Maps und externe .map-Dateien - alles kostenlos, privat und ohne Registrierung.
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.
Funktionen
- Source-Map-Unminifizierung: Laden Sie minifiziertes JavaScript zusammen mit seiner Source Map hoch, um den Originalquellcode zu rekonstruieren. Ordnet jede minifizierte Position mit voller Präzision ihrer Originaldatei, -zeile und -spalte zu.
- Unterstützung für Inline- und externe Source Maps: Unterstützt Inline-Source-Maps (data:application/json;base64,...), //# sourceMappingURL=-Kommentare und den Upload externer .map-Dateien. Funktioniert mit allen großen Bundlern: Webpack, Rollup, Vite, ESBuild und Terser.
- Rekonstruktion des Originalcodes: Durchsuchen Sie nach dem Mapping die rekonstruierten Originalquelldateien mit korrekten Variablennamen, Kommentaren und Formatierung. Navigieren Sie über ein Datei-Explorer-Panel zwischen den Originaldateien.
- Detailliertes Positions-Mapping: Erkunden Sie die Zuordnungsdaten der Source Map in einer strukturierten Tabelle. Sehen Sie jede Originalposition (Datei, Zeile, Spalte), die ihrer minifizierten Position zugeordnet ist. Kopieren Sie einzelne Zuordnungen oder exportieren Sie die gesamte Zuordnungstabelle als JSON.
Was ist eine Source Map?
Eine Source Map (spezifiziert durch die Source Map Specification ) ist eine Datei, die minifizierten oder transpilierten Code auf seine Originalquelle abbildet. Wenn JavaScript minifiziert wird, werden Variablennamen gekürzt, Leerzeichen entfernt und mehrere Dateien zusammengebündelt. Eine Source Map speichert eine Zuordnung jeder Position in der Ausgabe zu ihrer Originaldatei, -zeile und -spalte - sodass Tools wie Debugger und Fehlertracker den Originalquellcode statt der minifizierten Ausgabe anzeigen können.
So funktioniert der Unminifier
Der JavaScript-Source-Map-Unminifier analysiert Ihren minifizierten Code und die Source Map mit der mozilla/source-map-Bibliothek (als browserkompatibles JS portiert). Das Tool liest die VLQ-kodierten Zuordnungen in der Source Map, dekodiert sie in Paare (Ausgabezeile, Ausgabespalte) → (Quelldatei, Quellzeile, Quellspalte) und rekonstruiert die Originalquelldateien. Dateien erscheinen in einem navigierbaren Baum, und jede Zuordnung kann in einer Detailtabelle einzeln inspiziert werden. Die gesamte Verarbeitung erfolgt in Ihrem Browser - es werden nie Daten hochgeladen.
VLQ-Kodierung und Zuordnungen
Source Maps verwenden Variable Length Quantity (VLQ)-Kodierung, um Positionszuordnungen kompakt als Base64-kodierte Zeichenketten zu speichern. Jedes Zuordnungssegment kodiert fünf Werte: Spalte in der generierten Datei, Index der Originalquelldatei, ursprüngliche Zeilennummer, ursprüngliche Spaltennummer und optionaler Original-Namensindex. Der Unminifier dekodiert diese VLQ-Segmente und präsentiert sie in einer lesbaren Tabelle, die jede generierte Position und ihre entsprechende Originalposition zeigt. Das Verständnis von VLQ hilft Ihnen zu prüfen, ob Ihre Source Maps korrekt erzeugt werden.
Datenschutz und Sicherheit
Dieses Tool läuft vollständig in Ihrem Browser. Ihr minifizierter Code und Ihre Source Maps werden nie auf einen Server hochgeladen, in einer Datenbank gespeichert oder über das Netzwerk übertragen. Die gesamte Analyse-, Dekodierungs- und Rekonstruktionslogik läuft lokal auf Ihrem Gerät. Es gibt keine API-Aufrufe, kein Analyse-Tracking und keine Datenerfassung jeglicher Art. Dadurch ist es sicher für proprietären Code, interne Anwendungen und sensible Drittanbieterbibliotheken, die Sie auditieren.
Häufig gestellte Fragen
Eine Source Map ist eine Datei, die minifizierten oder transpilierten JavaScript-Code auf seine Originalquelle abbildet. Sie speichert Zuordnungen zwischen jeder Position in der minifizierten Ausgabe und der entsprechenden Datei, Zeile und Spalte in der Originalquelle. Der Source-Map-Unminifier liest diese Zuordnungen und rekonstruiert den Originalcode, sodass Sie sehen, wie der Code vor der Minifizierung aussah - mit korrekten Variablennamen, Kommentaren und Formatierung.
Source Maps werden normalerweise während des Build-Prozesses erzeugt. Suchen Sie am Ende der minifizierten Datei nach einem //# sourceMappingURL=-Kommentar, der auf eine .map-Datei verweist. Viele CDNs und Paketmanager liefern .map-Dateien auch neben .min.js-Dateien. Für Ihre eigenen Projekte konfigurieren Sie Ihren Bundler (Webpack, Vite, Rollup) so, dass Source Maps erzeugt werden, indem Sie devtool auf "source-map" setzen.
Das Tool unterstützt das Standardformat Source Map v3. Dazu gehören Inline-Source-Maps, die als data:application/json;base64,...-URIs eingebettet sind, Uploads externer .map-Dateien und Source Maps, auf die über //# sourceMappingURL=-Kommentare verwiesen wird. Es funktioniert mit Maps von Webpack, Rollup, Vite, ESBuild, Terser, UglifyJS und Closure Compiler.
Ohne Source Map können Sie den minifizierten Code nur verschönern (Leerzeichen und Zeilenumbrüche hinzufügen), aber keine ursprünglichen Variablennamen, Kommentare oder Dateistrukturen wiederherstellen. Für ein echtes Unminifizieren mit Original-Identifikatoren und Dateiorganisation ist eine Source Map erforderlich.
Das Feld sourcesContent in einer Source Map bettet optional den vollständigen Originalquellcode für jede Quelldatei ein. Wenn es vorhanden ist, kann das Tool die Originaldateien mit korrektem Code, Kommentaren und Formatierung perfekt rekonstruieren. Ohne sourcesContent sind nur Positionszuordnungsdaten verfügbar, und die Rekonstruktion beschränkt sich darauf, zu zeigen, wohin jede minifizierte Position in den Originaldateien zeigt.
VLQ steht für Variable Length Quantity, ein kompaktes Kodierungsschema, das in Source Map v3 verwendet wird, um Positionszuordnungen effizient zu speichern. Jedes Zuordnungssegment ist Base64-VLQ-kodiert und verwendet nur druckbare Zeichen sowie Segmente variabler Länge zur Zahlendarstellung. Die Kodierung ermöglicht es Source Maps, Millionen von Zuordnungen zu speichern und dennoch handhabbare Dateigrößen zu behalten.
Absolut. Der JavaScript-Source-Map-Unminifier läuft zu 100 % in Ihrem Browser. Ihr Code und Ihre Source Maps werden nie auf einen Server hochgeladen, in einer Datenbank gespeichert oder über das Netzwerk übertragen. Die gesamte Analyse-, Dekodierungs- und Rekonstruktionslogik läuft lokal auf Ihrem Gerät für vollständige Privatsphäre und Sicherheit.
Ja - 100 % kostenlos, ohne Registrierung, ohne Konto und ohne Nutzungslimits. Unminifizieren Sie so viele Codedateien wie nötig und erkunden Sie so viele Source Maps wie Sie möchten. Keine Premium-Stufen, keine versteckten Kosten und keine Ratenlimits.