¿Cómo se puede seguir confiablemente los usos de CSS?

Question

Mi entorno es Visual Studio 2010 con Resharper 6.0. Tengo un sitio web grande con muchos archivos CSS con muchos estilos.

quisiera poner en orden estas arriba, ya que muchos de ellos ya no se utilizan, he notado que ReSharper permite realizar un seguimiento de los usos, pero obviamente esto se puede perder especificaciones de la clase CSS en el código subyacente etc.

Mi La única solución es hacer una búsqueda en archivos en VS, pero obviamente cuando tienes una gran cantidad de estilos esto resulta demasiado lento y engorroso.

¿Alguien ha tenido una situación similar?

EDITAR: Vale la pena mencionar que el sitio es un CMS que comprende alrededor de 10.000 páginas, por lo que todo lo que requiera navegar por las páginas también puede ser un poco complicado.

Answer 1

Hay una extensión firefox llamada dust me selector que hace esto. Lo habilita y luego navega a cada página. Realiza un seguimiento de todos los css utilizados. Escupió un nuevo archivo css con todos los estilos de CSS seguidos.

Answer 2

Web Essentials Visual Studio Extension tiene una función BrowserLink que viene con una manera de rastrear CSS no utilizados en su sitio mientras navega por el sitio.

Answer 3

Una forma de hacerlo es ejecutar su sitio en un navegador sin cabeza como PhantomJS e inspeccionar los estilos aplicados para eliminar los que no se utilizan.

Afortunadamente, hay una buena herramienta integrada en el nodo llamado uncss haciendo exactamente esto:

https://github.com/giakki/uncss

lo encontré aquí:

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

Sobre navegar todas esas páginas , bueno, no sé, si puedes generar todas las URL posibles, entonces puedes automatizar el proceso.

Pruébalo y avísame si te sirve de ayuda.