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


12

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

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

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

Ответы:


5

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

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


1

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

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.