随着Firefox 25的发布,我们看到他们的开发工具有了巨大的改进。如此之多,以至于我很高兴能在 Firebug 上试用它们。
但是我看不到如何打开目前在 Firebug 中工作的 Sass 调试。我查看了开发设置中提供的所有设置。
我希望我错了,它目前是受支持的。
随着Firefox 25的发布,我们看到他们的开发工具有了巨大的改进。如此之多,以至于我很高兴能在 Firebug 上试用它们。
但是我看不到如何打开目前在 Firebug 中工作的 Sass 调试。我查看了开发设置中提供的所有设置。
我希望我错了,它目前是受支持的。
Firefox 29 引入了对 Sass 和 LESS 文件的支持。
取自https://hacks.mozilla.org/2014/02/live-editing-sass-and-less-in-the-firefox-developer-tools/
您必须右键单击“规则”部分并激活“显示原始来源”选项:
现在 CSS 规则链接将显示原始文件中的位置,单击这些链接将带您到样式编辑器中的源。
从那里您可以进入样式编辑器并编辑您的 Sass/LESS 文件。功能需要启用源地图!
在 Firefox 中调试 Sass 的最佳方式似乎是 FireSass。
https://addons.mozilla.org/en-US/firefox/addon/firesass-for-firebug/