我在 Mac 上使用 Firefox v47。我已经弄清楚如何让调试器使用 JavaScript 源映射来显示我在哪里触发某些代码,但它使用控制台中的编译文件。如何让它显示未编译的文件行?
这在 Chrome 中是开箱即用的,所以在 Firefox 中似乎是一个奇怪的遗漏,所以我假设我做错了什么。
最佳答案
在 Firefox Toolbox Settings ,启用样式编辑器区域中的选项显示原始源
。但是,在所有 Firefox 版本 >= 35 ( source ) 中,默认情况下应启用此选项
有一个单独的article about source map support in Firefox详细说明了源映射工作所需的最低 Firefox 版本(Firefox 29)。
此外,请记住,并非所有 SASS 生成的文件都带有源映射 - 如果您从命令中使用它,则必须使用 --sourcemap
参数手动启用此功能行,通过在 ruby 程序中使用 render_with_sourcemap
渲染它,或者如果您使用任务管理器(例如 gulp 或 grunt),则通过其他方式渲染它。
您可以通过查看生成的 css 文件的最后一个非空行来检查样式表是否具有关联的源映射 - 它应该看起来像这样:
/*# sourceMappingURL=style.css.map */
关于javascript - 如何设置 Firefox 开发工具以尊重控制台中的源映射?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37750699/