Быстрое удаление неиспользуемого CSS кода

В Chrome Dev Tools существует инструмент «покрытие» — Coverage, помогающий сделать подсветку неиспользуемого кода. Но он не удобен тем, что не позволяет не только автоматически удалить неиспользуемый css, но и даже частями с включенным Overrides это приходится делать в другой вкладке, запоминая правила. А если строк тысячи и тысячи? Задача становится невыполнимой. Однако для мелких правок вполне сойдет, поэтому:

F12 > CTRL+SHIFT+P > Coverage > Start instrumenting coverage and reload page

Если же требуется грубо почистить неиспользуемый код, то под эти цели подойдет специальное расширение CSS Used

Ставим, даем разрешения, F12 > Elements > CSS Used

В появившейся вкладочке CSS Used будет собран только используемый код.

Оставить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *