Source Map Entpacker
Extrahieren Sie alle Original-Quelldateien aus einer .map-Datei und laden Sie sie als ZIP-Archiv herunter.
Empfohlene Bucher uber JavaScript-Debugging und Build-Tools
Eloquent JavaScript
Marijn Haverbeke
JavaScript: The Good Parts
Douglas Crockford
JavaScript: The Definitive Guide
David Flanagan
Als Amazon-Partner verdienen wir an qualifizierten Verkäufen.
Wie gefällt Ihnen dieses Tool?
Anleitung
Source Map hochladen
Ziehen Sie eine .map-Datei in den Ablagebereich oder klicken Sie zum Durchsuchen Ihrer Dateien. Das Tool akzeptiert .map- und .json-Dateien.
Automatische Extraktion
Das Tool analysiert das Source-Map-JSON, liest alle sources- und sourcesContent-Eintrage und verpackt sie in ein ZIP-Archiv unter Beibehaltung der ursprunglichen Verzeichnisstruktur.
ZIP herunterladen
Sobald die Verarbeitung abgeschlossen ist, klicken Sie auf die Download-Schaltflache, um die ZIP-Datei mit allen extrahierten Quelldateien zu speichern.
Anwendungsfalle
Produktionscode debuggen
"Extrahieren Sie den Original-TypeScript- oder ES6+-Quellcode aus der Source Map eines minifizierten JavaScript-Bundles, um Produktionsprobleme zu debuggen."
Verlorenen Quellcode wiederherstellen
"Wenn Sie eine Source Map haben, aber die originalen Quelldateien verloren haben, verwenden Sie dieses Tool, um den vollstandigen Quellcodebaum wiederherzustellen."
Drittanbieter-Bibliotheken prufen
"Inspizieren Sie den Original-Quellcode von Drittanbieter-Bibliotheken, indem Sie deren Source Maps extrahieren, um zu verstehen, was der minifizierte Code tut."
Empfohlene Entwickler-Tools und Zubehor
Keychron Q1 Pro Kabellose Mechanische Tastatur
Keychron
LG 27UP850K-W 27-Zoll 4K UHD IPS Monitor
LG
Logitech MX Master 3S Kabellose Maus
Logitech
Als Amazon-Partner verdienen wir an qualifizierten Verkäufen.
Haufig gestellte Fragen
?Was ist eine Source Map?
Eine Source Map ist eine JSON-Datei (normalerweise mit der Erweiterung .map), die minifizierten oder transpilierten Code auf seinen ursprunglichen Quellcode abbildet. Sie enthalt die Namen der Originaldateien und deren Inhalte.
?Welche Dateiformate werden unterstutzt?
Das Tool akzeptiert .map- und .json-Dateien, die der Source Map v3-Spezifikation folgen. Diese werden typischerweise von Bundlern wie Webpack, Vite, Rollup oder esbuild generiert.
?Was passiert, wenn die Source Map kein sourcesContent hat?
Einige Source Maps enthalten nur Dateipfade (sources) ohne den eigentlichen Inhalt (sourcesContent). In diesem Fall kann das Tool keine Dateien extrahieren und zeigt eine Fehlermeldung an.
?Verarbeitet dieses Tool webpack://-URLs?
Ja. Das Tool entfernt automatisch gangige Protokoll-Prafixe wie webpack:// aus Dateipfaden und erzeugt saubere Verzeichnisstrukturen im Ausgabe-ZIP.
?Sind meine Daten privat?
Ja. Alles lauft vollstandig in Ihrem Browser. Keine Daten werden an einen Server gesendet. Ihre Source Maps und extrahierten Dateien verlassen niemals Ihr Gerat.
?Ist dieses Tool kostenlos?
Ja. Vollstandig kostenlos, ohne Einschrankungen und ohne Registrierung.
?Kann ich dies mit CSS-Source-Maps verwenden?
Selbstverstandlich. CSS-Source-Maps, die von SASS, LESS, PostCSS oder CSS-Minifizierern generiert werden, folgen dem gleichen Format und funktionieren einwandfrei mit diesem Tool.