如何在Firefox Firebug中查看SCSS？

This FF add-on允許在Firebug中看到Compass生成的SCSS，但我不使用Compass。目前沒有辦法在FF Firebug中調試非指南針SCSS？如何在Firefox Firebug中查看SCSS？

2016-08-29 drake035

您是否嘗試在Firefox中啓用源映射？ https://hacks.mozilla.org/2014/02/live-editing-sass-and-less-in-the-firefox-developer-tools/ – vivek

對使用FF開發工具不感興趣，我更喜歡Firebug。 – drake035

請注意，Firebug [在啓用多進程Firefox後不再有效]（https://blog.getfirebug.com/2016/06/07/unifying-firebug-firefox-devtools/）（默認情況下會發生這種情況Firefox 49 [根據Mozilla wiki上的相關頁面]（https://wiki.mozilla.org/Electrolysis#Schedule_and_Status））。 Firefox 48以來，Firefox DevTools擁有Firebug主題。如果你錯過了Firebug的一些東西，你應該關注[bug 991806]（https://bugzilla.mozilla.org/show_bug.cgi?id=991806）。 –

以前有一個名爲FireSass的Firebug擴展，但不幸的是它的開發已經停止了。

所以，目前只有FireCompass添加了對SCSS文件的支持。而且由於development on Firebug is discontinued，它將來不太可能獲得SCSS支持。

來源

2016-08-31 08:37:45

要在瀏覽器中訪問此功能，您需要爲每個源文件生成一個源映射文件。 sass-source mapping

來源

2016-08-29 13:02:09 vivek

我使用WordPress Sage，它已經生成了一個源映射文件，但我仍然只能看到在Firebug中生成的Gulp生成的CSS結果，而不是我的SCSS代碼。 – drake035

@ drake035這可能有助於http://stackoverflow.com/questions/23346708/how-do-i-enable-source-map-support-in-firebug – vivek

如何在Firefox Firebug中查看SCSS？

回答

相關問題