2016-06-10 55 views
1

我在Mac上使用Firefox v47。我已经制定了如何让调试器使用JavaScript源地图来显示我触发某些代码的位置,但是它使用控制台中的编译文件。我怎样才能让它显示未编译的文件行?如何设置Firefox开发工具以在控制台中尊重源映射?

这可以在Chrome中使用,所以在Firefox中似乎有点遗漏,所以我假设我做错了什么。

回答

1

Firefox Toolbox Settings中,在样式编辑器区域中启用选项Show original sources。但是,所有Firefox版本默认启用该选项> = 35(source

有一个单独的article about source map support in Firefox,详细说明了Firefox地图工作所需的最低Firefox版本(Firefox 29)。

而且,记住,不是所有的SASS生成的文件,配备了sourcemaps - 这是必须的,如果你使用它的命令行,通过从render_with_sourcemap使其进行手动与--sourcemap参数启用功能在一个红宝石程序中,或者如果你使用任务管理器,如吞咽或咕噜声,可以通过其他方式。
您可以检查您的样式表通过查看生成的css文件的最后一个非空行都有一个相关的sourcemap - 它应该看起来有点像这样:

/*# sourceMappingURL=style.css.map */ 
+0

谢谢,这是它 – RiggerTheGeek

1

截至目前,这仍然是一个工作正在进行中,请参阅the related note on MDNa bug ticket describing the problem that brought me to this question。所以,目前来看,除了控制台之外,源地图似乎在任何地方都能正常工作

+0

这不再是一个正在进行的工作,并已发布(尽管作为隐藏设置,默认情况下禁用)。 –

+0

从th链接的文章: 请注意,支持**仍然是实验**。它可能有错误,并可能会减慢控制台输出。错误1289570跟踪在默认启用源映射支持之前需要完成的任何工作。 – rasenplanscher

相关问题