13

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

我按照本指南启用了支持源映射 sass 的 chrome，但我无法使其工作。

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

两者的共同点是设置config.sass.debug_info = true导轨。

所以，我认为问题不在轨道上，而是在铬上，但我不确定。

这是我的设置：

  • 导轨 3.2.8
  • Ubuntu
  • 铬 27.0.1453.110

更新- 问题似乎出在 Chrome 27.x 系列上。如果是这样的话，这个问题就变成了等待 chrome 开发人员修复的问题。因此，我将进行更多调查，如果可以确认，我将关闭此问题。谢谢你的时间。

更新- 所以这似乎是真的，这是谷歌浏览器的问题，感谢大家的帮助

4

6 回答 6

3

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

于 2013-07-21T13:16:34.253 回答
2

我只是在让 SASS 源映射在我的主机上工作时遇到问题......我完全不知道解决方案可能是什么，因为生成了映射文件，存在 sourceMappingURL-tag 并且一切都很好，Chrome 已配置我什至使用了金丝雀版本.....但后来我明白了：我使用了一个带有自签名 SSL 证书的开发 Web 服务器，我需要测试我的身份验证等。当我切换到没有加密的纯 HTTP 时sourcemaps 立即开始工作。

于 2013-06-25T07:12:30.000 回答
2

尝试按照此链接中的教程进行操作。我今天早上刚刚设置它，它对我来说工作正常。

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

于 2013-06-24T20:59:14.930 回答
1

正如@gerryster 所说，Chrome 现在支持source maps proposal v 3. 我写了一篇关于在 Google Chrome 中调试 Rails 4 CoffeeScript 和 Sass 源文件的博文。

于 2013-09-23T12:40:01.263 回答
1

对于尝试了所有方法但无法使 css 源映射工作的任何人，请确保源映射实际上可以通过 URL 访问。就我而言，重写规则并没有公开源映射。一旦我改变了它，它就立即起作用了。

于 2017-05-14T21:35:39.583 回答
0

万一其他人在努力使 Chrome 与 Sass 一起工作后最终出现在这里，您需要运行不同的命令来通过命令行生成源映射：sass --watch --sourcemap sass/styles.scss:styles.css而不是--debug-info. 较新版本的 Chrome 现在支持源映射而不是 in-css 调试信息。
更多信息：https ://developers.google.com/chrome-developer-tools/docs/tips-and-tricks#debugging-sass

于 2013-10-25T16:39:31.857 回答