2012-08-23 16 views
9

Actualmente estoy modificando una plantilla de sitio web que encontré gratis en la web.Eliminando CSS no utilizados del código del sitio web

Cuando elimino, por ejemplo, un div del código, el CSS para él permanece detrás, en uno o más archivos.

¿Hay alguna herramienta que elimine automáticamente las CSS no utilizadas de mi código? Por lo tanto, no busco manualmente cada id y class que ya no uso y elimino el código.

+2

http://stackoverflow.com/questions/8120048/how-to-clean-up-styles-in-a-large-web-site/8120163#8120163 de herramientas aquí . – Kyle

+0

no, no hay ningún peaje para este propósito, puede encontrar algún tipo de peaje (por ejemplo, http://unused-css.com) para actualizar su código, pero nunca funciona para 100% – Lukas

+0

hmm ... ¿seguro? Entonces, suena como un proyecto divertido para mí: D – AndreiBogdan

Respuesta

9

Puede obtener bastante cerca de lo que está solicitando con la pestaña Auditoría de Google Chrome en Herramientas de desarrollo. No elimina CSS no utilizado, pero le mostrará qué reglas CSS no se están utilizando.

Observe: mucha enter image description here

+10

Siempre he cuestionado la utilidad de esa característica, ya que solo muestra las reglas no utilizadas en la página actual, lo cual es bastante inútil para sitios de varias páginas (que son la gran mayoría) si me preguntas. –

16

Intellij IDEA puede hacer esto. Navegue hasta el archivo CSS, haga clic en 'Analizar' y luego reduzca el alcance del análisis a un archivo seleccionado. Después de eso, se te presentarán todos los problemas relacionados con este archivo. Todos los errores se dividen en categorías, navega a la categoría llamada 'Selector de CSS no utilizado' para encontrar lo que buscas. Lo mismo debería funcionar para JavaScript. Tenga en cuenta que el soporte de CSS solo está disponible en la versión Ultimate de IDEA, aunque vale totalmente la pena cada dólar que gasta en él. También hay un período de prueba de 30 días para la edición Ultimate. Ah, y por cierto tiene un excelente soporte PHP. También hay un IDE específico de PHP más barato del mismo proveedor llamado PHPStorm. Las funciones de análisis también están disponibles allí.

+0

Esto funcionó para mí y no costó ningún dinero. – icfantv

+1

¿Dónde diablos está esta opción de Analizar? ¡He estado buscando 20 minutos! – Christoffer

+3

Código -> Inspeccionar Código – wathmal

Cuestiones relacionadas