Есть ли способ получить список всех CSS, примененных к фрагменту HTML или странице?

Question

Я знаю, что легко получить CSS, который применяется к одному узлу в HTML, используя такие инструменты, как расширение Firebug для Firefox и т. Д.

Но есть ли способ увидеть все CSS, который действует на всей странице, или более крупный фрагмент HTML?

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

Answer 1

Спасибо всем! Ниже приведены различные решения, которые я рассмотрел из ваших рекомендаций (собранных здесь для людей с такой же проблемой):

Селекторы Dust-Me (Дополнение Firefox)
Это именно то, что мне нужно. Перечисляет используемые и неиспользуемые селекторы CSS (для текущей страницы или всего сайта после паутинга) и может выводить оба списка в виде текста CSV. Отлично.
https://addons.mozilla.org/firefox/addon/5392/

Использование CSS (Дополнение Firefox)
https://addons.mozilla.org/firefox/addon/10704/

WARI - Инспектор ресурсов веб-приложений (инструмент Java)
Похоже, что обрабатывает только статический код, а не динамически генерируемый HTML, как в большинстве веб-приложений, использующих ajax - что, к сожалению, делает его бесполезным, по крайней мере для меня
http://wari.konem.net/

Проверка избыточности CSS (скрипт на Ruby, требуется Rubygems и Hpricot)
http://code.google.com/p/css-redundancy-checker/

TopStyle (приложение только для Windows, $ 79,95 (!!))
http://svanas.dynip.com/topstyle/

Все они кроссплатформенные и бесплатные, кроме TopStyle.

Answer 2

Что касается инструментов, вы можете использовать плагин css для использования для firebug. Он будет анализировать страницы для использования CSS.

Или вы искали способ сделать это более программно?

Answer 3

Вы можете попробовать Dust-Me Selectors , это дополнение для Firefox, если вы используете Firebug, как вы сказали, вы можете найти полезным Использование CSS .