Как определить неиспользуемые селекторы CSS и правила для страниц CSS, которые охватывают несколько страниц и устанавливаются локально?

12

Я ищу инструмент, который мог бы идентифицировать неиспользуемые и / или дублирующие селекторы и правила CSS, со следующими двумя ограничениями:

  • Инструмент должен иметь возможность анализировать CSS-страницы, которые используются для многих HTML-страниц, поэтому такой инструмент, как Dust-Me, не поможет.

  • Инструмент также должен работать на локальной установке, потому что я также хотел бы иметь возможность проверить мой CSS на этапе разработки. Это исключило бы онлайновые css-верификаторы.

Argoron
источник

Ответы:

5

Существует дополнение Firefox под названием CSS Usage, которое показывает все стили, используемые / не используемые на странице.

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

corymathews
источник
1

Я пытался использовать Dust Me и CSS в прошлом с некоторым успехом, чтобы получить начальный список неиспользуемых селекторов CSS. Затем я сосредоточился на поиске этих потенциально неиспользуемых селекторов вручную. По крайней мере, это уменьшает масштаб проблемы с сотен селекторов до нескольких десятков.

Хуан Алонсо
источник