2

我已经按照我能找到的所有指示让 Sass 源映射在 Chrome 中工作——但我仍然以某种方式失败。我不知道怎么——也许你可以？

test.css.map使用 Sass 3.3.0.alpha.198 （我听说是“最前沿”），我成功地生成了一个源映射文件（在编译后的 CSS 的底部是一行：/*# sourceMappingURL=test.css.map */. 所以这一步似乎进展顺利。

在 Chrome Canary 中，我进入chrome://flags并启用了开发者工具实验。我已经重新开始了。在我的检查器设置中，在“常规”选项卡中，我选中了“启用源地图”；在“实验”选项卡中，我检查了“Sass 样式表调试”。

毕竟，当我检查一个元素（在访问已编译 CSS 的本地 HTML 文件上）时，我仍然得到相同的旧 CSS 行号，链接到相同的旧已编译 CSS 文件。没有说明 sourcemap 支持。这不是教程所说的应该发生的事情。

（我也在稳定的 Chrome 中尝试过这个——它应该在稳定的环境中工作吗？——通过启用开发者工具实验并选中“启用源映射”和“支持 Sass”框。也没有运气。）

有人可以告诉我我错过了什么吗？

4

2 回答 2

3

您是从 file:// URL 加载页面吗？出于安全原因，这不起作用 - 使用本地主机上的任何 http 服务器。

此外，更新您的 Canary 是个好主意；CSS source maps 已经从实验中毕业了。您应该在常规设置中选中“启用 CSS 源映射”。

于 2013-07-16T22:09:05.043 回答
0

万一其他人在这里结束，要在 Chrome for Sass 中使用源映射，您需要先使用--sourcemap标志来生成它们！

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

更多信息：https ://developers.google.com/chrome-developer-tools/docs/tips-and-tricks#debugging-sass

于 2013-10-25T16:51:43.867 回答