css - 显示页面的合并 CSS

Question

我正在查看一个包含十几个 CSS 链接的网页。是否有任何浏览器或工具可以自动整合这些内容，理想情况下无需我打开并复制每个内容，这样我就可以看到生成的样式是什么样的？

我知道我可以使用元素检查器查看特定标签的计算样式，但我也希望能够查看可能不会在任何特定页面上使用的样式。

Answer 1

http://www.csstrashman.com/

它将整合 CSS 并仅保留您要求的页面使用的部分。它应该做你正在寻找的东西。

Answer 2

大多数网络调试器都有这个。当然，对于 Firebug（用于 Firefox），主菜单上有一个 CSS 按钮，您可以使用它来检查和修改所有加载的样式表。对于 Mac 上的 Safari，使用菜单开发 | 显示页面资源。这可以让你做同样的事情。Chrome 和 IE 也有这个。