源地图是否适用于Chrome扩展程序？

Question

我正在使用Closure编译器来创建Chrome扩展,我想让源映射用于调试.通过将浏览器直接指向源代码树中的页面,并将特殊的sourceMappingURL添加到已编译的javascript文件的末尾(所有内容都在一个目录中),我可以使源映射正常工作:

debugger;document.getElementById("hello").innerHTML="Hello, world!";
//@ sourceMappingURL=background-compiled.map

但是当我访问与扩展相同的脚本时,我只能看到已编译的javascript而不是原始源.我确实将Chrome调试器配置为在两种情况下启用源映射,否则它们都执行相同而没有错误.源地图是不是在扩展中工作,还是在设置时我缺少什么？

我尝试过Chrome 25 stable和Chrome 27 canary,两者都有相同的行为.

Answer 1

我知道我参加派对的时间非常晚,但Chrome DOES允许源地图.您可能遇到的问题是它默认拒绝加载地图.这可以通过添加地图到固定 web_accessible_resources在你的manifest.json文件中.

Answer 2

本着为评论中解决的问题提供答案的精神，Chrome 以前不支持在扩展中使用源映射，但从 Chrome 29 开始纠正了这一点。

感谢评论者 @w00kie，他在 Chromium 上提交并跟踪了该错误- 如果您希望因您的帮助而获得声誉，只需发布​​您自己的答案，我将删除此答案。

Answer 3

我遇到了同样的问题，切换到内联源映射后，一切正常。

原因是，chrome 扩展只支持内联源 mpas

所以，当你使用 webpack 时，只需添加

devtool: "inline-source-map"

有一系列可能的选项，请参阅此处的webpack 文档中的表格。