javascript - 如何设置 Firefox 开发工具以尊重控制台中的源映射?

标签 javascript firefox source-maps firefox-developer-tools

我在 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/

相关文章:

javascript - JSHint "not defined"错误

javascript - 如何过滤 Javascript 数组并维护它的索引?

c - 将 Firefox 重定向到本地主机上的代理

javascript - 带有 sourcemap 的 Webpack 无法在生产模式下解析变量

javascript - 源 map 根本不加载

javascript - 使用 Typescript knockout 复选框

javascript - 使用 isNumeric 检查输入中的数字

firefox - Selenium webdriver 无法在 firefox 24.0 中使用 DOM 元素

html - 选择元素从 Firefox 中的页面溢出