Come si possono tracciare in modo affidabile gli usi CSS?

Question

Il mio ambiente è Visual Studio 2010 con Resharper 6.0. Ho un sito grande con molti file CSS con molti stili.

Vorrei riordinare questi come molti di loro non sono più utilizzati, ho notato che ReSharper consente di tenere traccia usi, ma ovviamente questo può perdere le specifiche di classe CSS nel code-behind ecc

mio l'unica soluzione è fare un Find in Files in VS ma ovviamente quando hai una grande quantità di stili questo risulta troppo lento e macchinoso.

Qualcuno ha avuto una situazione simile?

EDIT: Vale la pena ricordare che il sito è un CMS che comprende circa 10.000 pagine, quindi tutto ciò che richiede la navigazione delle pagine potrebbe anche essere un po 'complicato.

Answer 1

C'è un'estensione firefox denominata dust me selector che esegue questa operazione. Lo abiliti e poi navighi in ogni pagina. Tiene traccia di tutti i css usati. Si sputa un nuovo file css con tutti gli stili css tracciati.

Answer 2

L'estensione di Visual Studio Web Essentials ha una funzione BrowserLink che viene fornito con un modo per tenere traccia dei css non utilizzati nel tuo sito mentre navighi nel sito.

Answer 3

Un modo per farlo è eseguire il sito in un browser senza testa come PhantomJS e controllare gli stili applicati per rimuovere quelli non utilizzati.

Fortunatamente, c'è uno strumento bello costruito su nodo denominato uncss fare esattamente questo:

https://github.com/giakki/uncss

ho trovato qui:

http://addyosmani.com/blog/removing-unused-css/

sulla navigazione tutte quelle pagine , beh, non so, se puoi generare tutti gli URL possibili allora puoi automatizzare il processo.

Provalo e fammi sapere se è utile.