2012-08-23 14 views
9

Attualmente sto modificando un modello di sito Web che ho trovato gratuitamente sul Web.Rimozione di CSS non utilizzati dal codice sito

Quando rimuovo, ad esempio, un codice div dal codice, il codice CSS rimane nascosto in uno o più file.

C'è uno strumento che rimuove automaticamente CSS inutilizzati dal mio codice? Quindi non cerco manualmente ogni id e class che non uso più e rimuovere il codice.

+2

http://stackoverflow.com/questions/8120048/how-to-clean-up-styles-in-a-large-web-site/8120163#8120163 un sacco di strumenti qui . – Kyle

+0

no, non c'è niente di positivo su questo argomento, puoi trovare qualche tipo di pedaggio (ad es. Http://unused-css.com) per l'aggiornamento del tuo codice ma non funziona mai al 100% – Lukas

+0

hmm ... sei sicuro? Quindi, sembra un divertente progetto fare me stesso: D – AndreiBogdan

risposta

9

È possibile ottenere molto vicino a ciò che si sta chiedendo con la scheda di controllo di Google Chrome sotto Strumenti per sviluppatori. Non rimuove i CSS non utilizzati, ma ti mostrerà quali sono le regole CSS non utilizzate.

Osservare: enter image description here

+10

Ho sempre messo in dubbio l'utilità di questa funzione, in quanto mostra solo regole inutilizzate nella pagina corrente - che è piuttosto inutile per siti multi pagine (che sono la stragrande maggioranza) se me lo chiedi. –

16

Intellij IDEA può farlo. Passare al file CSS, fare clic su "Analizza" e quindi ridurre l'ambito dell'analisi su un file selezionato. Dopo questo ti verranno presentati tutti i problemi relativi a questo file. Tutti gli errori sono suddivisi in categorie, vai alla categoria "Selettore CSS inutilizzato" per trovare quello che cerchi. Lo stesso dovrebbe funzionare per JavaScript. Ti preghiamo di notare che il supporto CSS è disponibile solo nella versione Ultimate di IDEA, anche se è totalmente valevole ogni soldo che spendi. C'è anche un periodo di prova di 30 giorni per la versione Ultimate. Oh, e dal modo in cui ha un eccellente supporto PHP. C'è anche un IDE più specifico per PHP dello stesso produttore chiamato PHPStorm. Sono disponibili anche funzioni di analisi.

+0

Questo ha funzionato per me e non costava nulla. – icfantv

+1

Dove è questa opzione Analizza? Ho cercato per 20 minuti! – Christoffer

+3

Codice -> Controlla codice – wathmal

Problemi correlati