Инструменты разработчика Chrome: I CSS Coverage неиспользуемые байты

Question

Я пытаюсь удалить неиспользуемый CSS с веб-страницы.

• В Chrome Developer Tools -> нажмите на три вертикальные точки -> Дополнительные инструменты -> Покрытие.
• Нажмите на любой CSS
• Мы видим отчет, в котором красный цвет обозначает неиспользуемый CSS, зеленый - используемый CSS.

Есть ли способ сгруппировать CSS, основываясь на том, используются они или нет? Прямо сейчас красные / зеленые визуальные индикаторы хороши, однако они не обеспечивают простой способ копирования / вставки только используемого CSS.

Как получить покрытие кода CSS

Визуальные индикаторы покрытия кода CSS

Answer 1

Технический писатель DevTools здесь.

Нет, к сожалению, в настоящее время нет возможности группировать. Мы знаем, что пользователи хотят иметь возможность экспортировать использованный код в файл. Однако не могу указать временную шкалу, когда эта функция будет выпущена.