2009-11-25 30 views
6

Tengo una máscara DotNetNuke que tiene un único archivo CSS de más de 3.500 líneas. Contiene estilos para YUI, Telerik, Cluetip, así como la personalización real del sitio. Los viejos desarrolladores solo seguían agregando estilos y nunca limpiaban los viejos sin usar.Buscar todos los estilos CSS utilizados en el sitio web

Quiero limpiar el archivo y llevarlo a un tamaño más manejable. Primero pensé en escanear a través de la base de código, pero esto es 5,500 archivos con una mezcla de CSS aplicada en los archivos .aspx, .ascx y .cs, así como estilos de aplicación jQuery a veces desde código generado y, a veces, desde archivos js. Algunos estilos se aplican con selectores de clase y otros con selectores de id.

¿Hay alguna manera de verificar fácilmente qué estilos necesita realmente el sitio en todas sus páginas? ¿Hay algún rastreador que podría hacer esto?

Respuesta

19

Para firefox hay un complemento llamado dust-me-selectors. Si proporciona un mapa del sitio, encontrará todos los estilos de CSS no utilizados.

+0

¡Una herramienta realmente genial, justo lo que necesitaba, y otra buena razón para resolver mi mapa del sitio! –

+0

dust-me-selectores - Cool estado buscando algo en estas líneas – PurplePilot

+3

Love it! y para Chrome 'Propiedades> Herramientas> Herramientas del desarrollador Haga clic en la pestaña Auditorías y luego ejecute los trabajos de prueba también – danferth

1

Si ejecuta dust-me-selectores, recuerde ejecutarlo en todas las páginas de su sitio web para que no elimine los estilos que realmente se utilizan.

+0

Si le da un mapa del sitio, arañará todas esas páginas. – Ikke

+0

¡No lo sabía, muchas gracias! – arturopuente

Cuestiones relacionadas