Come identificare selettori e regole CSS inutilizzati per le pagine CSS che coprono più pagine e sono installate localmente?


12

Sto cercando uno strumento in grado di identificare selettori e regole CSS inutilizzati e / o duplicati, con le seguenti due restrizioni:

  • Lo strumento dovrebbe essere in grado di analizzare le pagine CSS utilizzate per molte pagine HTML, quindi uno strumento come Dust-Me non sarà di aiuto.

  • Lo strumento dovrebbe funzionare anche su un'installazione locale, perché mi piacerebbe anche poter controllare il mio CSS in fase di sviluppo. Ciò escluderebbe i verificatori di CSS online.

Risposte:


5

C'è un componente aggiuntivo di Firefox chiamato CSS Usage che mostra tutti gli stili utilizzati / non utilizzati in una pagina.

Afferma di fare più pagine ma nella mia esperienza sembra essere in qualche modo inaffidabile nei suoi risultati. Indipendentemente da ciò, mi ha aiutato un sacco in passato.


1

Ho provato Dust Me e CSS Usage in passato con un certo successo per ottenere un elenco iniziale di selettori CSS inutilizzati. Quindi quello che faccio è concentrarmi sulla ricerca manuale di quei selettori potenzialmente inutilizzati. Almeno ciò riduce la portata del problema da centinaia di selettori a poche decine.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.