SourceMap header
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Januar 2020.
Der HTTP SourceMap-Antwortheader gibt den Speicherort einer Source-Map für die Ressource an.
Der HTTP-SourceMap-Header hat Vorrang vor einer Quellannotierung (sourceMappingURL=path-to-map.js.map), und falls beide vorhanden sind, wird die Header-URL verwendet, um die Source-Map-Datei aufzulösen.
| Header-Typ | Antwortheader |
|---|
Syntax
SourceMap: <url>
X-SourceMap: <url> (deprecated)
Direktiven
<url>-
Eine relative (zur Anforderungs-URL) oder absolute URL, die auf eine Source-Map-Datei verweist.
Beispiele
>Verlinkung 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: text/javascript
SourceMap: /path/to/file.js.map
<optimized-javascript>
Entwicklertools verwenden die Source-Map, um die ursprüngliche Quelle aus dem optimierten JavaScript in der Antwort zu rekonstruieren, sodass Entwickler den Originalcode anstelle des optimierten Formats debuggen können, das zum Senden vorbereitet wurde.
Spezifikationen
| Specification |
|---|
| Source map format specification> # sec-linking-http-header> |
Browser-Kompatibilität
Siehe auch
- Source map
- Firefox Developer Tools: Verwenden einer Source Map
- Was sind Source Maps? auf web.dev (2023)