Qualcuno sa di uno strumento di analisi CSS?

Question

Sto cercando uno strumento in grado di analizzare un sito grande e cercare css orfani.

Lavoro su questo progetto che ha subito un paio di aggiornamenti dell'interfaccia utente. Rottamare il tutto e rifarlo tutto ci vorrebbe per sempre. Quello che mi piacerebbe è uno strumento che legge un file css e quindi ti consente di navigare nel sito, tenendo traccia di quali definizioni sono state utilizzate e con quale frequenza.

Quindi posso passare attraverso il file css e trovare il codice che ho usato e determinare se è effettivamente deprecato e può essere cancellato.

Pensieri?

Answer 1

Firefox ha una grande estensione chiamata Dust-Me Selectors per contrassegnare classi/ID che non vengono utilizzati nella pagina corrente.

C'è anche TopStyle, che promette di aiutare a fare le seguenti (non ho usato, e non posso garantire per esso, però):

• Anteprima CSS mentre si scrive.
• Crea facilmente combinazioni di colori piacevoli per il tuo sito.
• Style Checker convalida la sintassi CSS con più browser.
• Utilizzare Rapporti sul sito per vedere a colpo d'occhio dove vengono utilizzati gli stili CSS nel proprio sito.
• Style Upgrade sostituisce rapidamente tutto il codice HTML obsoleto con uno stile CSS equivalente.

Answer 2

Internet Explorer 8 dispone di questa funzione denominata Strumenti di sviluppo che può essere d'aiuto. Puoi leggere a riguardo dal IEBlog entry. Se non si dispone di IE8 è possibile scaricare il toolbar from here.

Answer 3

Suggerirei CSSEdit. Lo stavo usando da anni. Ha un validatore integrato e un ispettore a raggi x.