Mi piacerebbe confrontare i miei file CSS con le classi che sono effettivamente utilizzando nel sito e generare un nuovo file CSS che contiene solo quelle classi. Il punto è di sbarazzarsi di classi che non sto usando.Rimuovi automaticamente classi CSS non utilizzate da un progetto
In precedenza ho utilizzato l'estensione Dust Me Selectors per FireFox per trovare i selettori CSS usati e non utilizzati, ma non funziona più in FireFox 6.
Esistono alternative?
È possibile provare this online tool o utilizzare lo strumento di sviluppo di Google Chrome (installato per impostazione predefinita, senza estensione necessaria), che ha scheda di controllo per visualizzare i selettori CSS inutilizzati nella pagina corrente ... ma non penso che ci sia un modo per averlo fatto automaticamente per voi ...
Potete provare l'estensione Uso CSS per Firebug. Funziona come un fascino, ma richiede il lavoro manuale https://addons.mozilla.org/en-US/firefox/addon/css-usage/
Quando si imposta il sito su GT-Metrix. Di quanto tu possa vedere i selettori CSS non usati. Oppure puoi farlo con Google pagespeed.
Questo sistema pretesa di farlo: http://sourceforge.net/projects/cssmerge/?source=dlp
Ma non poteva farlo funzionare, però.
Quindi ecco alcuni strumenti manuali per confrontare i file. Non è veloce come una soluzione automatica, ma lo renderebbe più veloce di un semplice confronto visivo.
penso che si dovrebbe sapere dove i vostri stili CSS sono ... anche se li trovate utilizzando qualche strumento come si assume, sarà ancora bisogno di trovare loro in codice per rimuoverli, o non ottengo la tua domanda giusta – Gatekeeper
@Gatekeeper A volte le cose ti scappano, soprattutto se erediti qualcosa che qualcun altro stava facendo. L'OP vuole fondamentalmente uno strumento che produce un file CSS contenente solo le classi che sono _used_ in un progetto. Ho modificato la domanda un po 'di più. –
Sono davvero impressionato da come tu _ (entrambi gli editori) è riuscito a trasformare una domanda appena leggibile in una piuttosto buona. – Arsen7