3

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

如何在 Chrome 中查看 css 引用？

请参阅下面随附的屏幕截图以了解我的意思：

FF 中的 CSS 但在 LESS 中

4

3 回答 3

5

禁用 CSS 源映射

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

要禁用 CSS 源映射：打开 DevTools 设置（右上角的小滚轮按钮）并单击常规。关闭启用 CSS 源映射。

参考：

谷歌浏览器使用 CSS 预处理器

于 2015-05-22T17:40:37.760 回答
2

@Sergey 的回答已经很老了，Chrome 从那时起进行了一些修改，这里有一个更新

  1. 打开 DevTools -> 设置（按 F12 然后按 F1）

在此处输入图像描述

  1. 禁用该选项Enable CSS sources maps

在此处输入图像描述

于 2018-04-17T10:27:01.550 回答
1

刚遇到同样的事情。

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

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

于 2014-07-11T12:11:42.853 回答