SourceMap或X源映射处理

Question

我无法让火狐(或其他浏览器)识别X-SourceMap头文件。对于我的代码。我可以在浏览器端使用//# SourceMappingURL注释，但由于我的系统原因，我不能使用它。

我很好奇在什么情况下会使用X-SourceMap头来设置源映射，因为我似乎没有成功。我认为这与我的代码的获取方式有关-- devtools不知何故没有‘意识到’我正在获取的是一个javascript文件，也应该为它获取一个源地图。

https://hg.mozilla.org/mozilla-central/rev/5a0161f8a11e似乎展示了这是如何实现的，但对于不熟悉此代码库的人来说，它不清楚如何确定X-SourceMap标头是如何操作的。

Answer 1

已在多个浏览器中检查了X-SourceMap标头支持。

Firefox50.1仅用于JavaScript文件的supports X-SourceMap头文件。不支持CSS文件的X-SourceMap标头。根本不支持SourceMap标头。

Google Chrome50和Chrome55 DevTools同时支持X-SourceMap和SourceMap头文件用于JavaScript和CSS。尽管几年前X-SourceMap报头是deprecated。

现在看来，浏览器对//# sourceMappingURL=<url>注解的支持最多了。如果文件更改不适用。一种解决方案可以是使用某种web服务器中间件或mitm代理将源映射通知即时附加到web服务器响应。例如用于Node.js或类似物的connect-sourcemaps。