＆＃39;检查元素＆＃39;在Chrome中显示LESS但Firefox正在显示CSS

Question

当我要检查Chrome中的html元素时，它会显示LESS文件，而Firefox则会显示CSS文件。 （我正在使用Bootstrap框架）

如何在Chrome中查看css参考？

请参阅下面附带的截图，我的意思是：

Answer 1

禁用CSS源地图

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

要禁用CSS源地图： 打开DevTools设置（右上角的小轮按钮），然后单击常规。 关闭“启用CSS源地图”。

的参考文献：

Google Chrome Working with CSS Preprocessors

Answer 2

刚遇到同样的事情。

原来它是Chrome中的一项功能，可以帮助那些使用SASS或LESS的人。

如果您没有使用其中一个预处理器，则可以删除bootstrap.css.map文件，chrome将直接显示css文件，与firefox相同

Answer 3

@Sergey的回答很旧，Chrome从那时起有一些修改，这是一个更新

1. 打开DevTools - ＆gt;设置（按F12然后按F1键）



1. 停用选项Enable CSS sources maps