【问题标题】:SourceMap or X-SourceMap handlingSourceMap 或 X-SourceMap 处理
【发布时间】:2015-01-16 23:10:13
【问题描述】:
我无法让 firefox(或任何浏览器)识别 X-SourceMap 标头。对于我的代码。 //# SourceMappingURL 评论适用于我的浏览器端,但由于特定于我的系统的原因,我无法使用它。
我很好奇X-SourceMap 标头在什么条件下用于设置源映射,因为我似乎没有成功。我认为这与我的代码的获取方式有关——devtools 不知何故没有“意识到”我正在获取一个 javascript 文件,也应该为其获取源映射。
https://hg.mozilla.org/mozilla-central/rev/5a0161f8a11e 似乎显示了这是如何实现的,但是对于不熟悉此代码库的人来说,不清楚如何确定 X-SourceMap 标头是如何被执行的。
【问题讨论】:
标签:
javascript
firefox
mozilla
source-maps
firefox-developer-tools
【解决方案1】:
已在多个浏览器中检查了 X-SourceMap 标头支持。
Firefox 50.1 supports X-SourceMap 标头仅适用于 JavaScript 文件。不支持 CSS 文件的 X-SourceMap 标头。根本不支持 SourceMap 标头。
Google Chrome 50 和 Chromium 55 DevTools 支持 JavaScript 和 CSS 的 X-SourceMap 和 SourceMap 标头。虽然X-SourceMap 标头在几年前是deprecated。
现在看来//# sourceMappingURL=<url>注解得到了浏览器最大的支持。如果文件更改不适用。一种解决方案可能是使用某种 Web 服务器中间件或 mitm 代理将动态源映射注释附加到 Web 服务器响应。例如 connect-sourcemaps 用于 Node.js 等。