¿Alguien sabe de una herramienta de análisis de CSS?

Question

Estoy buscando una herramienta que pueda analizar un sitio grande y buscar css huérfanos.

Trabajo en este proyecto que ha pasado por un par de actualizaciones de UI. Deshacer todo y volver a hacer todo eso llevaría una eternidad. Lo que me gustaría es una herramienta que lea un archivo css y luego te permita navegar por el sitio, haciendo un seguimiento de las definiciones que se usaron y con qué frecuencia.

Luego puedo ir a través del archivo css y encontrar el código que usé y determinar si está obsoleto y se puede eliminar.

¿Pensamientos?

Answer 1

Firefox tiene una gran extensión llamada Dust-Me Selectors para marcar clases/ids que no se utilizan en la página actual.

También hay TopStyle, que promete ayudarle a hacer lo siguiente (yo no lo he utilizado, y no puedo dar fe de ello, aunque):

• Vista previa de CSS mientras lo escribe.
• Cree fácilmente combinaciones de colores agradables para su sitio.
• Style Checker valida su sintaxis CSS contra múltiples navegadores.
• Use Informes del sitio para ver de un vistazo dónde se usan los estilos CSS en su sitio.
• La actualización de estilo reemplaza rápidamente todo el código HTML obsoleto con un estilo de CSS equivalente.

Answer 2

Internet Explorer 8 tiene esta característica llamada Herramientas de desarrollador que puede ayudarlo con eso. Puede leer sobre esto en el IEBlog entry. Si no tiene IE8, puede descargar toolbar from here.

Answer 3

Sugeriría CSSEdit. Lo he estado usando por años. Tiene un validador incorporado y un inspector de rayos X.