为什么在检查元素时只显示css文件？

Question

首先，我曾经在Web开发过程中检查chrome浏览器中的元素，它曾用于显示存在这些样式的确切scss（css预处理器）文件。这非常有帮助。但现在当我检查一个元素时，它只显示计算的css文件。我无法弄清楚我的浏览器发生了什么。是否应更改任何设置？请提出解决方案。

Answer 1

您可能错过了源地图文件（=sumif(C1:C, "blue", D1:D)）

来自 Chrome Devtools Docs ：

  

对于支持CSS源地图的预处理器，DevTools允许您   在“源”面板中实时编辑预处理器源文件   查看结果，而无需离开DevTools或刷新页面。   检查由生成的样式提供样式的元素时   CSS文件，“元素”面板显示指向原始源的链接   文件，而不是生成的.css文件。

检查Chrome是否启用了功能：

  

默认情况下启用CSS源地图。您可以选择启用   自动重新生成生成的CSS文件。

     

启用CSS源地图和CSS重新加载：

     

  

1. 打开DevTools设置，然后单击常规。

  

2. 启用“启用CSS源地图”和“自动重新加载生成的CSS”。

  

大多数支持SCSS的现代IDE也会生成映射文件，检查IDE设置以确保每次编译SCSS代码时都会创建文件。

.map