Google chrome Chromer开发工具中的Sass/SCSS支持

在此之前，直到最近（据我所知，Chrome 27之前），Chrome开发工具在Chrome实验的帮助下支持Sass（确切地说是SCSS）“检查”

这种支持表现为能够检查站点的CSS文件，如果CSS是使用

--debug info

（SCSS 3.2.7）从SCSS编译的，那么在CSS面板中：

而不是CSS文件链接-您将看到相应的SCSS文件链接，您可以单击它，它将在参考资料中打开该文件，该文件使用的正是导致检查CSS规则的SCSS规则（与CSS文件非常相似）

无论出于何种原因，这已停止使用（我的）最新Chrome更新。

这对我目前正在做的工作很重要（SCSS重组了一个大型项目），所以我要问：有没有人经历过同样的事情（我在所有我可以访问的机器上都有过这样的经历），更重要的是，有没有人知道如何修复它（而不去寻找旧的Chrome版本）

我不确定什么才是合适的SE渠道，但因为它与开发有关——这里就是

另外，SCS生成的路径似乎是正确的，因为在FireSASS中它们被正确显示和访问

同样的情况也发生在我尝试过的任何频道上——发布版、测试版、金丝雀

更新18.06.13

由于旧的（

--debug info

）时代似乎已经过去，我将接受@electric\g answer作为唯一的可能性

---

我在Chrome Canary上遇到了同样的问题，我用以下方法修复了它：

首先，我启用了对源地图的支持：Web检查器->设置->常规选项卡->选中“启用源地图”

然后，我按照以下说明安装了Sass 3.3（支持源代码映射）：

跑

核对

sass -v

至少具有Sass 3.3.0.alpha.101

---

然后在编译文件时使用

--sourcemap标志

而不是

--debug info

/

-g

标志。

如果其他人在这里结束，要在Chrome for Sass中使用源地图，您需要先使用

--sourcemap

标志生成它们

sass --watch --sourcemap --debug-in sass/screen.scss:screen.css

更多信息：

---

--debug info

标志用于FireSass。

您的Chrome可能有更新错误。如果你点击右上角的菜单，然后点击关于谷歌浏览器，你会看到你的版本（应该是31+）。我的显示了一个旧版本和一个更新错误

卸载Chrome，重新启动计算机，再次安装Chrome

你应该拥有所有最新的工具。SASS支持在我的版本上不再是实验性的，并且在默认情况下为我打开。但您可能必须打开它：

• 转到URLchrome://flags 然后启用开发人员工具实验
• 打开DevTools（右键单击网页检查元素）
• 单击右下角的cog图标
• 单击“实验”，然后单击“启用SASS支持”
• 单击常规，然后单击启用CSS源映射

---

我现在找不到参考，但我可以发誓我看到了调试信息格式的变化。但我不认为当前版本的Sass中应该有这样的功能。是的，我很肯定这是3.3中的

--sourcemap

支持。中的更好答案是否回答了您的问题@tog22我8年前的问题？由于各种原因，我无法升级或更改现有安装。我能同时拥有两个SASS版本吗？我对ruby和gems不太熟悉，但在Google上快速搜索后，我发现“RVM提供了独立的ruby分区设置。这意味着ruby、gems和irb都是独立的，独立于系统，彼此独立。”这可能是真的，但是当运行

sass…

时，如果你真的可以并行运行，会调用哪一个。Ben有一篇关于如何工作的最新文章：如果你想尝试一个可行的实现，还启用了真正的sourcemaps。不幸的是，Compass不起作用。一种选择是使用Firebug而不是Chrome开发工具。

sass --watch --sourcemap --debug-in sass/screen.scss:screen.css