SourceMap
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
Der HTTP SourceMap
Antwortheader gibt den Ort einer Source-Map für die Ressource an.
Der HTTP SourceMap
-Header hat Vorrang vor einer Quellcode-Anmerkung (sourceMappingURL=path-to-map.js.map
). Wenn beide vorhanden sind, wird die URL des Headers verwendet, um die Source-Map-Datei aufzulösen.
Headertyp | Antwortheader |
---|---|
Verbotener Headername | Nein |
Syntax
SourceMap: <url>
X-SourceMap: <url> (deprecated)
Direktiven
<url>
-
Eine relative (zur Anfrage-URL) oder absolute URL, die auf eine Source-Map-Datei zeigt.
Beispiele
Verknüpfung zu einer Source-Map mit dem SourceMap
-Header
Die folgende Antwort enthält einen absoluten Pfad im SourceMap
-Header.
HTTP/1.1 200 OK
Content-Type: application/javascript
SourceMap: /path/to/file.js.map
<optimized-javascript>
Entwicklungstools verwenden die Source-Map, um den ursprünglichen Quellcode aus dem optimierten JavaScript, das in der Antwort zurückgegeben wird, zu rekonstruieren, sodass Entwickler den ursprünglichen Code debuggen können, anstatt das Format, das für die Übertragung optimiert wurde.
Spezifikationen
Specification |
---|
Source Map specification # linking-generated-code |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
- Source-Map
- Firefox Developer Tools: using a source map
- Was sind Source Maps? auf web.dev (2023)