我尝试在 Chromium (v31.0.1606.0) 中启用对 sass 源映射的支持，但在我的情况下似乎缺少“支持 SASS”选项。
我遵循了这些说明： http: //fonicmonkey.net/2013/03/25/native-sass-scss-source-map-support-in-chrome-and-rails/
我的“实验”窗口截图：见http://i.stack.imgur.com/UhFNp.png
提示：我也尝试过使用 Google Chrome Canary 和 Chrome v30，但也没有用。
在阅读了一篇关于使用 Sass 和 Chrome DevTools 进行开发的 NetTuts 文章后，这个问题也让我印象深刻。似乎大多数关于该主题的文章都已过时。
结果是Chrome v30 和更高版本附带了默认启用的源映射和 SASS 支持。在 v29 及更早版本中，您必须选中“支持 SASS”框。
此外，根据 Google 的说法：
“目前 Sass 是唯一支持 CSS 源映射的预处理器......”
因此，只要您不取消选中 Dev Tools > Settings > General 中的“Enable CSS Source Maps”，您就可以直接从 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
--sourcemap从 shell 运行 sass 时添加标志
sass --watch --sourcemap sass/styles.scss:styles.css
可选择在开发工具 > 设置 > 常规中启用“自动重新加载生成的 CSS”以获得实时优势。
这是我在执行上述步骤并使用 Sass 启动网站后立即从我的机器上截取的屏幕截图。
资料来源：
