Question

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

enter image description here

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

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

enter image description here

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%;
}

Answer 1

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

enter image description here

关闭该选项并重新打开工具会使名称和链接正确显示。我之前打开它看看它会做什么而不记得把它关掉。：）

Google Chrome开发人员工具有时无法打开css文件？

1 个答案: