Какой инструмент может анализировать мой сайт и сообщать о неиспользованном / ненужном CSS?

Question

как я могу обнаружить на раннем этапе, что этот класс CSS используется или не используется на веб-сайте?

как-

свойство стиля, которое я пишу в моем css, используется или нет?

и

класс или идентификатор используется на веб-странице?

ех:

.textstyle4{
    font:normal 12px Arial, Helvetica, sans-serif ;
    color:#777;
}

Я хочу знать на моем сайте, где используется этот стиль CSS?

это пример.

Answer 1

Аддон CSS Usage для Firefox делает то, что я думаю, что вы ищете: https://addons.mozilla.org/en-US/firefox/addon/10704/

Answer 2

Если вы хотите увидеть, какие стили CSS применяются к элементу, отображаемому в вашем браузере, вам следует изучить использование Firefox и Firebug для просмотра информации DOM и CSS.

http://getfirebug.com/

Если вы используете IE8, вы можете использовать инструменты разработчика IE8, чтобы сделать то же самое.

Answer 3

Существует также "Dust-Me", расширение Firefox для поиска неиспользуемого CSS:

https://addons.mozilla.org/en-US/firefox/addon/5392/

Однако этот плагин не работает с FF5 +

Answer 4

Хотя это довольно старый вопрос, TopStyle 5 выводит отчеты об использовании классов, классах-сиротах, неопределенных классах, обзоре идентификаторов и несоответствии регистра для целых сайтов, связанных с соответствующим файлом или местом в таблице стилей.Однако анализируются только таблицы стилей AFAIK, а не style блоки или встроенные стили, но это может зависеть от макета сайта.Для сайтов здесь style блоки вставляются динамически, что может быть причиной, по которой TopStyle их пропускает.Конечно, это не бесплатно.

Answer 5

Dust-Me https://addons.mozilla.org/en-US/firefox/addon/5392/

Answer 6

Итак, вы хотите иметь возможность сделать что-то вроде щелчка по классу CSS, и он найдет все страницы на вашем сайте, которые используют этот класс?Не зная ни о каком таком инструменте, ответ kekekela на CSS Usage, вероятно, примерно такой же близкий, как вы получите - что позволит вам узнать, какой CSS использует отдельная страница.