Определяем неиспользуемые CSS-селекторы.

В чём, собственно, проблема?

Каждый из нас участвовал в больших web-проектах, в которых было задействовано много людей. В результате, проект содержал множество стилевых файлов. В таких случаях запросто может получиться ситуация, при которой часть селекторов и классов создавалась во время разработки и тестирования, но к основным задачам проекта отношения не имеет. И к окончанию проекта становится непонятно, какие стили нужны, а какие - нет. Что же делать в таком случае?

Решение

Существует несколько решений проблемы. Я опишу здесь наиболее популярные:

  • Dust-Me Selectors: Dust-Me Selectors - это расширение для FireFox (версии 1.5 и выше), которое определяет неиспользуемые селекторы CSS, которое работает по следующему принципу. Извлекаются все селекторы из всех стилевых файлов просматриваемой страницы, затем анализируется какие из них не используются. Затем данные сохраняются и при тестировании (просмотре) дочерних страниц дополняются.
  • CSS Redundancy Checker: Бесплатный он-лайн сервис. С его помощью вы можете найти все селекторы, которые не используются вашей страницей.
  • Unused CSS Cleaner: Этот инструмент поможет вам найти неиспользуемые стили CSS (селекторы и классы), которые присутствуют в файле стилей, но не используются на страницах.
  • IntelliJ IDEA - HTML/XHTML/CSS Editor: Валидация CSS "на лету".
  • Style Studio CSS Editor: Платный редактор CSS. Подсвечивает неиспользуемые стили.
  • Expression Web's CSS Reports: Есть возможность вывести в качестве отчёта неиспользуемые стили.

Несколько дополнительных ссылок

  • Identify unused CSS: Небольшой PHP-скрипт, использующий регулярные выражения для проверки стилей на странице.
  • Playing with CSS selectors: Страничка, на которой можно поэкспериментировать с селекторами CSS.
Опубликовано: 09.11.2009 Просмотров 23855 Ссылка на оригинал Tweet it!
3 comments  

Ленивец

2009.11.20 08:22

 Спасибо, проверим свои сайты :)

ЗЫ Жаль, что нельзя подписаться на комментарии
 

basilkot

2009.11.20 08:27

  • я ещё работаю над сайтом. будет и такая функциональность.

ntc

2011.06.01 12:47

 Почти все ссылки битые
 

Victor

2016.05.08 12:01

 К сожалению, многие ссылки на сегодняшний день битые
 

Оставить после себя комментарий

user

2016.11.23

Отправить сообщение:

Email

Сообщение

Бонус на первый депозит в слоте Грейт Пигсби Мегавейс дарит тебе онлайн казино Вавада! Переходи по ссылке и получай 100 бесплатных вращений на депозит до 1000$!