Проверка файлов CSS - PullRequest
       23

Проверка файлов CSS

6 голосов
/ 02 февраля 2011

У меня есть файл CSS, который со временем вырос.Многие из кодеров приходили и уходили.Сайт изменился по пути, и часть кода в CSS больше не используется.Есть ли БЫСТРЫЙ способ проверить, что используется, а что нет?Мне нужно удалить старый код, который больше не используется.Даже если бы существовал метод «карта сайта» - это оказалось бы еще лучше.Все предложения, пожалуйста.

Ответы [ 5 ]

9 голосов
/ 02 февраля 2011

Если вы используете Firefox, вы можете использовать плагин Dust Me Selectors , который делает именно то, что вы просили.Он находит неиспользуемые селекторы для вас :) Попробуйте!

Также имеется плагин CSS Usage , который просматривает ваш CSS-файл и сообщает, какие из них не используются.:)

3 голосов
/ 03 февраля 2011
2 голосов
/ 02 февраля 2011

Я дал @Kyle Sevenoaks +1 за его ответ, так как Dust Me Selectors - очень хороший инструмент.

Однако я хотел бы добавить несколько баллов (больше, чем я мог бы уместить накомментарий, следовательно, пишите это как ответ):

Даже после того, как вы получите результаты от Dust Me, вы все равно должны быть достаточно умны при просмотре результатов, поскольку это может давать ложные срабатывания и ложные отрицания:

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

Кроме того, если у вас есть какой-либо код Javascript, который добавляет элементы на страницу во время выполнения или изменяет имя класса элемента, то они могутподобрать CSS-селекторы, которые не используются при первой загрузке страницы.

Ложные отрицания могут возникать, если на странице используется селектор, но, тем не менее, избыточны, поскольку они всегда переопределяются.Сайты, подобные тому, который вы описываете, являются подходящими кандидатами для такого рода вещей, где позднее был добавлен новый стиль для чего-то, не удаляя старые стили.Я не знаю, сможет ли Dust Me подобного рода вещи подобрать, но они, конечно, могут быть хитрыми, потому что опять же вы должны быть уверены, что они действительно не используются ни в этом контексте, ни в каком-либо другом контексте.

Так что я хотел бы сказать, что автоматизированный инструмент - это хорошая идея, и я определенно рекомендую Dust Me, но не полагайтесь на него.

0 голосов
/ 13 сентября 2011

CSS Formatter и Optimizer + Проверяет ваш CSS в процессе, который мне нравится: http://www.cleancss.com/

0 голосов
/ 13 сентября 2011

Я обнаружил, что Dust-Me Selector отлично работает для отдельных страниц, но я не могу заставить его «пауковать» через сайт с 400+ URL-адресами (используя XML-файл в качестве индекса). Обычно он получает от 20 до 30 URL-адресов, а затем просто зависает. Совокупный отчет о том, какие селекторы используются, похоже, тоже не работает - я предполагаю, что он просто показывает результаты для последней просмотренной страницы.

В других местах я видел похожие комментарии о функциональности паука. Может быть, это просто еще не работает надежно?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...