如何在 Firefox Firebug 中查看 SCSS？答案

【问题标题】：How to see SCSS in Firefox Firebug?如何在 Firefox Firebug 中查看 SCSS？
【发布时间】：2023-04-06 07:39:01
【问题描述】：

This FF add-on 允许在 Firebug 中查看 Compass 生成的 SCSS，但我不使用 Compass。目前有没有办法在FF Firebug中调试非指南针SCSS？

【问题讨论】：

您是否尝试在 Firefox 中启用源映射。 hacks.mozilla.org/2014/02/…
对使用FF开发工具不感兴趣，我更喜欢Firebug。
请注意 Firebug does not work anymore once multi-process Firefox is enabled（默认情况下会在 Firefox 49 according to the related page on the Mozilla wiki 中发生）。相反，Firefox DevTools 自 Firefox 48 起就有一个 Firebug 主题。如果你缺少 Firebug 的东西，你应该关注bug 991806。

【解决方案1】：

以前有一个名为 FireSass 的 Firebug 扩展可用，但不幸的是，它的开发显然已停止。

因此，目前只有 FireCompass 添加了对 SCSS 文件的支持。而且因为development on Firebug is discontinued，以后不太可能获得SCSS支持。

【讨论】：

【解决方案2】：

要在浏览器中访问此功能，您需要为每个源文件生成一个源映射文件。sass-source mapping

【讨论】：

我使用的 WordPress Sage 已经生成了一个源映射文件，但我仍然只能在 Firebug 中看到 Gulp 生成的 CSS 最终结果，而不是我的 SCSS 代码。
@drake035 这可能会有所帮助stackoverflow.com/questions/23346708/…