google-chrome-devtools - Chrome 开发者工具 : I CSS Coverage unused bytes

Question

我正在尝试从网页中删除未使用的 CSS。

在 Chrome 开发者工具 -> 点击垂直三个点 -> 更多工具 -> 覆盖范围。

单击任何 CSS

我们看到一个报告，其中红色表示未使用的 CSS，绿色表示使用过的 CSS。

有没有办法根据是否使用 CSS 来对 CSS 进行分组？现在，红色/绿色视觉指示器很好，但是，它们并没有提供一种简单的方法来复制/粘贴使用过的 CSS。

How to get CSS Code Coverage

Visual indicators for CSS code coverage

Answer 1

DevTools 技术作家在这里。

不，不幸的是，目前无法分组。我们知道用户希望能够将使用过的代码导出到文件中。但是，无法给出该功能何时发布的时间表。