Chromium：缺少 sass 支持答案

【问题标题】：Chromium: missing sass supportChromium：缺少 sass 支持
【发布时间】：2013-08-19 22:38:52
【问题描述】：

我尝试在 Chromium (v31.0.1606.0) 中启用对 sass 源映射的支持，但我的情况似乎缺少“支持 SASS”选项。

我的“实验”窗口的屏幕截图：见http://i.stack.imgur.com/UhFNp.png

提示：我也用 Google Chrome Canary 和 Chrome v30 进行了尝试，但也没有成功。

【问题讨论】：

【解决方案1】：

在阅读了 NetTuts 上一篇关于使用 Sass 和 Chrome DevTools 进行开发的文章后，这个问题也吸引了我。似乎大多数关于该主题的文章都已过时。

结果是 Chrome v30 及更高版本默认启用了源映射和 SASS 支持。在 v29 及更早版本中，您必须选中“支持 SASS”框。

此外，根据 Google 的说法：
“目前 Sass 是唯一支持 CSS 源映射的预处理器……”

只要您不取消选中“开发工具”>“设置”>“常规”中的“启用 CSS 源映射”，您就可以直接从 chrome 破解您的 scss/sass。

我遵循了 Google Dev Tools 文档并让它在 OSX.8 和 Canary 32.0.1664.3 上运行。以下是重点：

确保您使用的是 sass 3.3.0alpha
gem install sass -v '>=3.3.0alpha' --pre
从 shell 运行 sass 时添加 --sourcemap 标志
sass --watch --sourcemap sass/styles.scss:styles.css
可选择在开发工具 > 设置 > 常规中启用“自动重新加载生成的 CSS”以获得实时优势。

这是我在执行上述步骤并使用 Sass 启动网站后立即从我的机器上截取的屏幕截图。

来源：

【讨论】：