En-tête SourceMap
Baseline
Large disponibilité
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis janvier 2020.
L'en-tête de réponse HTTP SourceMap fournit l'emplacement d'une carte de source pour la ressource.
L'en-tête HTTP SourceMap a la priorité sur une annotation de source (sourceMappingURL=path-to-map.js.map), et si les deux sont présents, l'URL de l'en-tête est utilisée pour résoudre le fichier de carte de source.
| Type d'en-tête | En-tête de réponse |
|---|
Syntaxe
SourceMap: <url>
X-SourceMap: <url> (deprecated)
Directives
<url>-
Une URL relative (par rapport à l'URL de la requête) ou absolue pointant vers un fichier de carte de source.
Exemples
>Lier à une correspondance de source en utilisant l'en-tête SourceMap
La réponse suivante contient un chemin absolu dans l'en-tête SourceMap.
HTTP/1.1 200 OK
Content-Type: text/javascript
SourceMap: /path/to/file.js.map
<optimized-javascript>
Les outils de développement utilisent la correspondance de source pour reconstruire la source originale à partir du JavaScript optimisé retourné dans la réponse, permettant aux développeur·euse·s de déboguer le code original plutôt que le format qui a été optimisé pour l'envoi.
Spécifications
| Spécification |
|---|
| Source map format specification> # sec-linking-http-header> |
Compatibilité des navigateurs
Voir aussi
- L'entrée du glossaire Carte de source
- Outils de développement Firefox : utiliser une carte de source (angl.)
- Qu'est-ce qu'une carte de source ? (angl.) sur web.dev (2023)