我试图启用对Chromium（v31.0.1606.0）中的sass源映射的支持，但似乎在我的情况下没有“Support for SASS”选项。Chromium：缺少sass支持
我跟着这些指示： 看到http://i.stack.imgur.com/UhFNp.png
提示：我也与谷歌的Chrome Canary和Chrome V30尝试过了，它didn't工作 http://fonicmonkey.net/2013/03/25/native-sass-scss-source-map-support-in-chrome-and-rails/
我的 “实验” -window的屏幕截图无论是。
在阅读关于使用Sass和Chrome DevTools进行开发的NetTuts文章之后，我也得到了这个。似乎关于这个问题的大多数文章都过时了。
结果为Chrome v30及更高版本随附souce地图并启用了SASS支持。在v29及更早版本中，您必须检查“支持SASS”框。
此外，根据谷歌：
“目前萨斯是支持CSS源地图的唯一预处理......”
所以只要你不开发工具取消选中“启用CSS源映射” >设置>常规，你可以直接从chrome中删除scss/sass。
我遵循Google Dev Tools文档，并在Canary 32.0.1664.3的OSX.8上使用它。这里的关键点：
确保你使用的青菜3.3.0alpha
gem install sass -v '>=3.3.0alpha' --pre
添加--sourcemap标志，当你从外壳
sass --watch --sourcemap sass/styles.scss:styles.css
可选运行青菜在开发工具>设置>常规中启用“自动重新载入生成的CSS”以实现实时性。
下面是从我的机器截图按照上述步骤和发射了萨斯网站之后。
来源：
Working with CSS Preprocessors - Chrome DevTools – Google Developers
