我尝试在Chromium中启用对sass源映射的支持(v31.0.1606.0),但似乎在我的情况下缺少“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,但它也没有用。
答案 0 :(得分:5)
在阅读有关使用Sass和Chrome DevTools开发的NetTuts文章之后,这个人也得到了我。似乎大多数关于这个主题的文章已经过时了。
通过defualt验证 Chrome v30及更高版本附带源地图和启用SASS支持。在v29及更早版本中,您必须选中“支持SASS”框。
此外,据Google称:
“目前Sass是唯一支持CSS源地图的预处理器......”
因此,只要您不在开发工具中取消选中“启用CSS源地图”>设置>一般情况下,你可以直接用铬来破坏你的scss / sass。
我关注了Google Dev Tools文档,并使用Canary 32.0.1664.3开始使用OSX.8。以下是要点:
确保您使用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启动网站后立即截图。
来源:
Working with CSS Preprocessors - Chrome DevTools – Google Developers