¿Hay alguna forma de obtener una lista de todas las CSS aplicadas a un fragmento o página HTML?

Question

sé que es fácil de obtener el CSS que se aplica a un solo nodo en HTML, utilizando herramientas como la extensión Firebug para Firefox, etc.

pero hay una manera de ver todo la CSS que está en efecto en una página entera, o un fragmento más grande de HTML?

Específicamente, estamos limpiando nuestro único archivo CSS extremadamente grande en módulos más pequeños y nos gustaría saber qué CSS se utiliza en una página determinada, para que podamos mover todo el CSS no utilizado a otro módulo.

Answer 1

En cuanto a herramientas, puede usar el css usage plugin para firebug. Analizará páginas de css usados.

¿O estabas buscando una forma de hacerlo de manera más programática?

Answer 2

Puedes probar Dust-Me Selectors, es complemento para firefox, si usas firebug, como dijiste, puedes encontrar CSS Usage.

Answer 3

¡Gracias a todos! Estas son las diferentes soluciones que he mirado ahora de sus recomendaciones (aquí recogidos para las personas con el mismo problema):

Dust-Me selectores (Firefox)
Esto hace exactamente lo que necesito . Enumera los selectores de CSS usados ​​y no utilizados (para la página actual, o el sitio completo, después de spidering), y puede volcar ambas listas como texto CSV. Estupendo.
https://addons.mozilla.org/firefox/addon/5392/

uso de CSS (Firefox)
https://addons.mozilla.org/firefox/addon/10704/

Wari - Web Inspector de recursos de aplicación (herramienta de Java)
Sólo aparece para manejar código estático, no se genera dinámicamente HTML como está presente en la mayoría de las aplicaciones web que usan ajax, lo cual, por desgracia, lo hace inútil, al menos para mí
http://wari.konem.net/

CSS redundancia del inspector (guión Ruby, requiere Rubygems y hpricot)
http://code.google.com/p/css-redundancy-checker/

TopStyle (sólo para Windows aplicación, $ 79.95 (!!))
http://svanas.dynip.com/topstyle/

Estos son todos multiplataforma y gratuitos, excepto TopStyle.