如何轻松地从网站复制整个 CSS 文件？答案

【问题标题】：How can I easily copy the whole CSS file from a website?如何轻松地从网站复制整个 CSS 文件？
【发布时间】：2013-12-07 05:42:51
【问题描述】：

如何轻松复制网站使用 Google Chrome、Firefox、Safari 和 Opera 设置 HTML 样式的整个 CSS 文件？

使用 web 检查器，我可以看到应用于元素的 css 样式，但无法看到应用于整个 HTML 文档的样式的大图。

你能告诉我我该怎么做吗？

【问题讨论】：

【解决方案1】：

对于 chrome，您可以使用 Quick Source Viewer 查看所有 CSS，无论是在 body 还是 head，无论是在提供的 HTML 中还是在运行时注入。

它比开发工具更好，因为您不必去寻找style 标签，只需右键单击链接即可保存它们。

【讨论】：

【解决方案2】：

Bobby Russell 给出的答案在这种情况下是不正确的。只需按照以下步骤操作：打开 Firefox 并在 url 中输入 google.com 现在在 firebug 的帮助下检查 googlepage。您可以在附图中看到如何选择 css 文件

【讨论】：

【解决方案3】：

不太难……对吧？

【讨论】：

这种方式不适用于注入的内容。并且不会找到不符合该字符串的东西；比如嵌入式样式，或者带有 rel 和 type 的外部样式，反之亦然等。解决这个问题会使它变得复杂，因此并不容易
是的，这是一个非常圆滑的答案，但它很容易做到并且适用于许多网站。我想更复杂的答案是查看给定页面的<head> 部分并四处寻找。 Firebug 有效，但仅适用于 Firefox，所以我认为这也不是一个可以接受的答案。