Chrome 开发者工具：I CSS Coverage 未使用的字节

Question

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

• 在 Chrome 开发者工具 -> 点击垂直三个点 -> 更多工具 -> 覆盖范围。
• 单击任何 CSS
• 我们看到一个报告，其中红色表示未使用的 CSS，绿色表示使用过的 CSS。

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

如何获得 CSS 代码覆盖率

CSS 代码覆盖率的可视化指标

Answer 1

DevTools 技术作家在这里。

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