SourceMap 标头
>HTTP SourceMap 响应标头提供该资源的源代码映射位置。
HTTP SourceMap 标头优先于源码注解(sourceMappingURL=path-to-map.js.map);如果两者同时存在,则使用标头中的 URL 来解析源代码映射文件。
| 标头类型 | 响应标头 |
|---|
语法
http
SourceMap: <url>
X-SourceMap: <url>(已弃用)
指令
<url>-
相对于请求 URL 的相对 URL,或指向源代码映射文件的绝对 URL。
示例
>使用 SourceMap 标头链接到源代码映射
以下响应在 SourceMap 标头中包含一个绝对路径。
http
HTTP/1.1 200 OK
Content-Type: text/javascript
SourceMap: /path/to/file.js.map
<optimized-javascript>
开发者工具使用源代码映射,从响应返回的优化后 JavaScript 还原出原始源码,从而让开发者调试原始代码,而不是为传输而优化过的格式。
规范
| 规范 |
|---|
| Source map format specification> # sec-linking-http-header> |
浏览器兼容性
参见
- 源代码映射
- Firefox 开发者工具:使用源代码映射
- web.dev 上的什么是源代码映射?(2023)