我試圖啓用對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
