Google Chrome 开发者工具有时无法打开 css 文件？答案

【问题标题】：Google Chrome Developer Tools sometimes not opening css files?Google Chrome 开发者工具有时无法打开 css 文件？
【发布时间】：2013-01-13 16:29:18
【问题描述】：

我有一个我已经检查过的课程：

有时，正确的文本引用了错误的类定义来源。它不是说screen-site.css:783，而是显示网址的最后一部分（web-upload），以及..:13

当我点击该链接时，它会将我带到一个源文件，而不是 css 文件：

13 值不会改变，即使我在源代码和 css 中添加/删除行。

这看起来像是 Chrome 中的一个错误，但我想我会在这里询问我是否做错了什么。

更新

根据要求，这里是 HTML 摘录：

<!DOCTYPE html>
<html>
  <head>
    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'>
    <link href="/assets/screen-site.css?body=1" media="all" rel="stylesheet" type="text/css" />
  </head>

请记住，CSS 中定义的每个类都会发生这种情况，而不仅仅是我提到的那个。 css 挺大的，但是下很多行，类定义：

#main {
   height: 100%;
}

【问题讨论】：

我们能看到出现这个问题的页面吗？
@Mooseman 我可以给你一个摘录，但由于 NDA 的原因不能给你完整的东西。

标签： css google-chrome google-chrome-devtools

【解决方案1】：

我相信我找到了罪魁祸首。 Support for SASS 的实验选项打破了它。

关闭该选项并重新打开工具可使名称和链接正确显示。我早些时候打开它，看看它会做什么而不记得关闭它。 :)

【讨论】：