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 Speicherort einer Source Map für die Ressource an.
Der HTTP SourceMap
-Header hat Vorrang vor einer Quellennotation (sourceMappingURL=path-to-map.js.map
), und wenn beide vorhanden sind, wird die URL im Header verwendet, um die Quelle der 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
Verlinkung 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>
Entwicklertools verwenden die Source Map, um die ursprüngliche Quelle aus dem optimierten JavaScript, das in der Antwort zurückgegeben wird, zu rekonstruieren. Dadurch können Entwickler den Originalcode debuggen und nicht das Format, das für den Versand 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: Verwendung einer Source Map
- Was sind Source Maps? auf web.dev (2023)