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 January 2020.
Tiêu đề HTTP SourceMap response header cung cấp vị trí của source map cho tài nguyên.
Tiêu đề HTTP SourceMap được ưu tiên hơn chú thích nguồn (sourceMappingURL=path-to-map.js.map), và nếu cả hai đều có mặt, URL trong tiêu đề được sử dụng để giải quyết tệp source map.
| Loại tiêu đề | Response header |
|---|
Cú pháp
SourceMap: <url>
X-SourceMap: <url> (deprecated)
Chỉ thị
<url>-
URL tương đối (với URL yêu cầu) hoặc tuyệt đối trỏ đến tệp source map.
Ví dụ
>Liên kết đến source map bằng tiêu đề SourceMap
Phản hồi sau chứa đường dẫn tuyệt đối trong tiêu đề SourceMap.
HTTP/1.1 200 OK
Content-Type: text/javascript
SourceMap: /path/to/file.js.map
<optimized-javascript>
Công cụ dành cho nhà phát triển sử dụng source map để tái cấu trúc nguồn gốc từ JavaScript được tối ưu hóa được trả về trong phản hồi, cho phép nhà phát triển gỡ lỗi mã gốc thay vì định dạng đã được tối ưu hóa để gửi.
Đặc tả
| Specification |
|---|
| Source map format specification> # sec-linking-http-header> |
Tương thích trình duyệt
Xem thêm
- Source map
- Firefox Developer Tools: using a source map
- What are source maps? trên web.dev (2023)