C'è un modo per ottenere un elenco di tutti i CSS applicati a un frammento o pagina HTML?

Question

so che è facile ottenere il CSS che viene applicato a un singolo nodo in HTML, utilizzando strumenti come l'estensione Firebug per Firefox, ecc

Ma c'è un modo per vedere tutto il CSS che è in effetto su un'intera pagina o su un più ampio frammento di HTML?

In particolare, stiamo pulendo il nostro file CSS estremamente grande in moduli più piccoli e vorremmo scoprire quale CSS viene utilizzato su una determinata pagina, così possiamo spostare tutti i CSS non utilizzati in un altro modulo.

Answer 1

Per quanto riguarda gli strumenti, è possibile utilizzare css usage plugin per firebug. Analizzerà le pagine per i CSS usati.

O stavi cercando un modo per farlo in modo più programmatico?

Answer 2

Puoi provare Dust-Me Selectors, è un componente aggiuntivo per firefox, se usi firebug, come hai detto, potresti trovare utile CSS Usage.

Answer 3

Grazie a tutti! Queste sono le diverse soluzioni che ho guardato dalle vostre raccomandazioni (qui raccolti per le persone con lo stesso problema):

Dust-Me Selectors (Firefox Add-on)
Questo fa esattamente quello che mi serve . Elenca i selettori CSS usati e non utilizzati (per la pagina corrente o l'intero sito, dopo lo spidering) e può scaricare entrambi gli elenchi come testo CSV. Grande.
https://addons.mozilla.org/firefox/addon/5392/

Uso CSS (Firefox Add-on)
https://addons.mozilla.org/firefox/addon/10704/

WARI - Web Application Resource Inspector (strumento Java)
sembra gestire solo codice statico, non generati dinamicamente HTML come è presente nella maggior parte delle applicazioni web che usano ajax - che, sfortunatamente, lo rende inutile, almeno per me
http://wari.konem.net/

CSS Redundancy Checker (sceneggiatura Ruby, richiede Rubygems e Hpricot)
http://code.google.com/p/css-redundancy-checker/

TopStyle (solo per Windows applicazione, $ 79.95 (!!))
http://svanas.dynip.com/topstyle/

Questi sono tutti cross-platform e gratuiti, ad eccezione di TopStyle.