Google chrome '；检查元件'；在Chrome中显示较少，但Firefox显示CSS

当我试图检查Chrome中的html元素时，它显示的是较少的文件，而Firefox显示的是CSS文件。（我正在使用引导框架）

如何在Chrome中查看css引用

关于我的意思，请参见下面附带的屏幕截图：

---

刚刚遇到了同样的事情

事实证明，这是chrome的一项功能，可以帮助那些使用SASS或更少的用户

如果您没有使用这些预处理器中的任何一个，您可以删除

bootstrap.css.map

文件，chrome将直接显示css文件，就像firefox禁用css源映射一样 默认情况下启用CSS源映射。您可以选择启用自动重新加载生成的CSS文件。（或禁用源映射）

要禁用CSS源映射，请执行以下操作： 打开DevTools设置（右角的小控制盘按钮），然后单击常规。 关闭“启用CSS源映射”

参考资料：

---

由@Sergey给出的答案非常古老，自那时起Chrome进行了一些修改，下面是一个更新

打开DevTools->Settings（按F12键，然后按F1键）

禁用选项

启用CSS源映射

---

所以除非删除文件，否则无法看到生成的CSS？在这种情况下，我会犹豫是否将其称为功能…@BoltClock I aggree应该很容易关闭此功能（可能在某个地方），但如果您不使用预处理器，您不应该首先拥有地图文件，如果是，那么您肯定想查看和编辑less/sass文件，而不是生成的css