我无法让Firefox(或与此相关的任何浏览器)识别X-SourceMap
header 。对于我的代码。 //# SourceMappingURL
注释对我来说在浏览器端可用,但是由于我的系统特定的原因,我无法使用它。
我很好奇在什么情况下X-SourceMap
header 用于设置源 map ,因为我似乎没有成功。我认为这与如何获取我的代码有关-devtools某种程度上不会“意识到”我正在获取一个JavaScript文件,该JavaScript文件也应为其获取Sourcemap。
https://hg.mozilla.org/mozilla-central/rev/5a0161f8a11e似乎显示了它是如何实现的,但是对于不熟悉此代码库的人来说,尚不清楚如何确定对X-SourceMap
header 的处理方式。
最佳答案
已经在多个浏览器中检查了X-SourceMap
header 支持。
Firefox 50.1 supports X-SourceMap
header ,仅适用于JavaScript文件。不支持CSS文件的X-SourceMap
header 。完全不支持SourceMap
header 。
Google Chrome 50和Chromium 55 DevTools支持JavaScript和CSS的X-SourceMap
和SourceMap
header 。尽管X-SourceMap
header 是几年前的deprecated。
看来//# sourceMappingURL=<url>
批注现在得到浏览器的最大支持。如果文件更改不适用。一种解决方案可能是使用某种类型的Web服务器中间件或mitm代理将源 map 注释即时添加到Web服务器。例如Node.js的connect-sourcemaps等。