Css chrome isn'；行不通

在开始之前，我仔细检查了StackExchange，没有找到任何其他适合这个问题的站点。如果我错过了，请原谅

我遵循指南，启用了支持源地图sass的chrome，但我无法让它工作

有趣的是，我遵循了另一个指南，启用对Firefox的支持，并且正在工作

两者的共同点是在rails中设置

config.sass.debug\u info=true

所以，我认为问题不在于rails，而在于chrome，但我不确定

这是我的设置：

• 轨道3.2.8
• Ubuntu
• 铬27.0.1453.110

更新-问题似乎出在Chrome 27.x系列上。如果是这样的话，这个问题就变成了一个等待chrome开发者解决的问题。所以我会再调查一点，如果我能证实的话，我会结束这个问题。谢谢你抽出时间

---

更新-这似乎是真的，这是google chrome的一个问题，感谢大家的帮助

请尝试按照中的教程进行操作。我今天早上刚准备好，对我来说很好

---

这将允许您检查一个元素，然后找到相应的SCSS声明是什么

我在主机上运行SASS源映射时遇到问题。。。。我完全不知道解决方案是什么，因为地图文件已经生成，sourceMappingURL标记已经存在，一切都很好，Chrome已经配置好，我甚至使用了canary版本。。。。。但后来我明白了：

---

我使用了一个带有自签名SSL证书的开发Web服务器，我需要测试我的身份验证等。。当我在没有加密的情况下切换到纯HTTP时，我的源地图立即开始工作。

问题是Chrome开发者工具最近更改了它支持的源地图版本。您提到的文章详细介绍了如何设置旧样式的CSS源映射。然而，Chrome现在支持。新的源映射将映射放在一个单独的*.css.map文件中，而不是在编译的css文件中内联。新格式的好处是，它体积小得多，并且不会破坏老一代互联网探索者的风格。@justin smith提供的示例应该为您指明了正确的方向。然而，从我的发现来看，即使预发布的3.3版SASS gem知道如何生成.map文件，仍然需要SASS-rails gem的支持才能从rails资产管道正确地服务于这些文件。我创建了一个示例，以了解Rails中v3 sass源映射的当前支持状态。有一种方法可以使资产管道短路，让sass gem预编译文件并将它们放在资产路径的早期目录中。然而，我还没有弄明白如何做到这一点。

正如@gerryster所说，Chrome现在支持

源代码地图方案v3

。我写了一篇关于的博文。

如果其他人在努力让Chrome与Sass一起工作后来到这里，你需要运行另一个命令来通过命令行生成源地图：

Sass--watch--sourcemap Sass/styles.scss:styles.css

，而不是

--debug info

。较新版本的Chrome现在支持源映射，而不是css中的调试信息。

---

更多信息：

对于尝试了所有方法但无法使用css源地图的人，请确保源地图实际上可以通过URL访问。在我的例子中，重写规则没有公开源映射。一旦我改变了这一点，它马上就起作用了。

所以你的问题是关于Sass源代码映射，而不是直接关于Sass（哪些浏览器本机不支持）？是的。我需要帮助使chrome显示sass而不是编译的css。我也注意到了这一点，并准备提交一个bug，但不确定是否是由于我的机器。。。我想不是。有人对这个问题进行了更深入的研究，并在这里提交了一份错误报告：看起来最终的问题是我的sass版本：我们需要类似的东西，但对sass有效。有人愿意挖掘sass源代码来实现这一点吗？我写了simmilar，这是基于上述要点。您可以阅读更多信息，我实际上已经决定在sass/screen.scss:screen.css中使用

sass--watch--sourcemap--debug，因为生成的css和源代码映射允许我使用FireSass和Chrome进行调试。-sourcemap现在不推荐使用，并且还需要一个选项，例如，-sourcemap=inline。选项有自动（默认）、文件、内联或无。