我无法让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-SourceMapSourceMap header 。尽管X-SourceMap header 是几年前的deprecated

看来//# sourceMappingURL=<url>批注现在得到浏览器的最大支持。如果文件更改不适用。一种解决方案可能是使用某种类型的Web服务器中间件或mitm代理将源 map 注释即时添加到Web服务器。例如Node.js的connect-sourcemaps等。

10-06 11:53