如何查找 css 文件的调用位置

Question

我是 css 和 js 新手。我真的很难找到每个单独的 css 文件的调用位置。我创建了一个合并的.css 文件，在其中复制并粘贴了加载我的网站时加载的每个 css 文件的代码，总共有 12 个文件。我已将这个组合的.css 添加到我的 head 部分中，以便它首先加载。现在的问题是所有其他 css 文件仍在加载。我花了几个小时寻找不同的解决方案，但没有任何效果。我如何找到每个单独的 css 文件的调用位置，以便我可以将其注释掉。如果您能给我一步一步的指导，我将非常感激。

Answer 1

您可以使用 Chrome（或类似 Firefox 中的 Firebug）。

只需在页面上点击

F12

即可获取

Developers Tool > Resources > Frames > [choose your folder] > Stylesheets

，然后您将获得加载的所有 CSS。在较新版本的 Chrome 上，

Resources

已替换为

Application

。

只需将鼠标悬停其中一个即可查看其位置