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
Response-Header gibt den Standort einer Source-Map für die Ressource an.
Der HTTP SourceMap
-Header hat Vorrang vor einer Quellcode-Anmerkung (sourceMappingURL=path-to-map.js.map
), und wenn beide vorhanden sind, wird die URL des Headers verwendet, um die Source-Map-Datei aufzulösen.
Header-Typ | Response-Header |
---|---|
Verbotener Anforderungs-Header | Nein |
Syntax
SourceMap: <url>
X-SourceMap: <url> (deprecated)
Direktiven
<url>
-
Eine relative (zur Anforderungs-URL) oder absolute URL, die auf eine Source-Map-Datei zeigt.
Beispiele
Verlinken zu einer Source-Map über den 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>
Entwicklerwerkzeuge verwenden die Source-Map, um den ursprünglichen Quellcode aus dem optimierten JavaScript, das in der Antwort zurückgegeben wird, zu rekonstruieren. Dadurch können Entwickler den ursprünglichen Code debuggen, anstatt das für die Übertragung optimierte Format.
Spezifikationen
Specification |
---|
Source map format specification # sec-linking-http-header |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
- Source-Map
- Firefox Developer Tools: Verwendung einer Source-Map
- Was sind Source-Maps? auf web.dev (2023)