找出给定页面上使用的CSS样式

Question

我有一个包含多个样式表的页面,其中的大多数样式实际上并未在页面中使用(不建议使用等).我想导出一个新的样式表,其中包含页面上实际使用的所有样式.反正有没有这样做？

Answer 1

我有同样的问题,因为我需要分析的页面只是登录,而且工作,所以我无法提供我的登录到外部应用程序(这是unused-css.com抓取登录页面的方式)壁).

我找到了两个Chrome扩展程序:

1. CSS删除和组合
2. unusedCSS

我只使用了第一个,因为它很好地完成了诀窍.它计算了页面上的CSS元素,告诉我有多少被使用和未使用,让我下载所有使用元素的样式表.它似乎没有包含浏览网站和累积所见元素的功能,它只是在逐页的基础上,但它仍然让我将450修剪为150.

Answer 2

我认为这个网站可以满足您的需求：CSS Trashman。运行需要一点时间，但它有效。它将我个人网站的 CSS 从 3.31 KB 减少到 402 字节。

如果您更愿意使用命令行工具，CSS Rationator可以为 CSS Trashman 提供支持。