2008-11-18 301 views
10

Mi proyecto ha recopilado la entropía de CSS (clases no utilizadas) durante su desarrollo.¿Cómo puedo eliminar las clases de CSS no utilizadas de mi proyecto de sitio web?

Ahora, para mantener el archivo CSS pequeño, quiero eliminar todas las referencias de CSS no utilizadas. Pero hacerlo manualmente implica buscar cada clase en todo el proyecto. Eso lleva tiempo.

¿Conoces alguna forma/herramienta que pueda adoptar para descubrir qué clases CSS ya no se usan en mi proyecto y eliminarlo?

Estoy programando en ASP.NET. Estudio visual.

+0

Consulte la pregunta casi idéntica aquí: http://stackoverflow.com/questions/135657/tool-to-identify-unused-css-definitions –

Respuesta

11

Usted puede encontrar este útil extensión para Firefox: http://www.sitepoint.com/dustmeselectors/

+0

FYI, esta extensión no funciona con Firefox 4.0+ – TMC

+0

Parece que hay una nueva versión v3.0 disponible en el sitio web del autor, así como una versión para Opera - http://www.brothercake.com/ – Funka

+0

Hay una nueva versión 4 del sitio de mozilla: https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/ –

4

Escribí una herramienta que le permite encontrar todos los atributos class y CssClass en su código fuente aspx.

Consulte mi blog entry para obtener información y descargar.

+0

Gracias ... va a verlo ahora. –

+0

Buena herramienta. Gracias – Obsidian

11

en el navegador Chrome, pulse F12, vaya a la pestaña de Auditoría, elija la opción "Volver a cargar la página y la auditoría de carga en" opción, y actualiza la página. Chrome listará todas las reglas de CSS no utilizadas.

Para obtener una solución en línea, vaya al unused-css.com.

+0

él quiere una solución, no una auditoría, el navegador Chrome solo muestra sin usar clases, pero no las limpia –

Cuestiones relacionadas