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

http
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
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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
SourceMap

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
See implementation notes.
Requires a vendor prefix or different name for use.
Has more compatibility info.

Siehe auch