从网站代码中删除未使用的 CSS

Posted 2023-02-22

【中文标题】从网站代码中删除未使用的 CSS

【英文标题】：Removing unused CSS from website code

【发布时间】：2012-08-18 22:52:03

【问题描述】：

我目前正在修改我在网上免费找到的网站模板。

例如，当我从代码中删除 div 时，它的 CSS 将保留在一个或多个文件中。

是否有一个工具可以自动从我的代码中删除未使用的 CSS？所以我不会手动搜索我不再使用的每个 id 和 class 并删除代码。

【问题讨论】：

***.com/questions/8120048/… 这里有很多工具。

不，这个 porpose 没有任何好的收费，你可以找到某种收费（例如unused-css.com）来升级你的代码，但它永远不会 100% 工作

嗯...你确定吗？然后，这听起来像是我自己做的一个有趣的项目：D

【参考方案1】：

您可以使用 Google Chrome 的“开发人员工具”下的“审核”选项卡非常接近您的要求。它不会删除未使用的 CSS，但会显示未使用的 CSS 规则。

观察：

【讨论】：

我一直质疑该功能的实用性，因为它只在当前页面上显示未使用的规则——如果你问我，这对于多页网站（绝大多数网站）来说是非常无用的。

【参考方案2】：

Intellij IDEA 可以做到这一点。导航到 CSS 文件，单击“分析”，然后将分析范围缩小到选定的文件。之后，您将看到与此文件相关的所有问题。所有错误都分为类别，导航到名为“未使用的 CSS 选择器”的类别以找到您所追求的。这同样适用于 javascript。请注意，CSS 支持仅在 IDEA 的终极版本中可用，尽管您花在它上面的每一分钱都是值得的。终极版还有 30 天的试用期。哦，顺便说一句，它具有出色的 php 支持。同一供应商还提供了一个更便宜的 PHP 特定 IDE，称为 PHPStorm。那里还提供分析功能。

【讨论】：

分析选项到底在哪里？我一直在寻找 20 分钟！

只需在 Intellij IDEA 2017 中使用主菜单 Analyze -> Inspect Code