Tengo muchos archivos CSS en la página. Pero muchos de estos archivos no son usados por estilos. ¿Es posible determinar qué archivos se usan por página y cuáles no?Cómo encontrar qué archivos CSS se utilizan para la página actual
Respuesta
Utilice http://getfirebug.com/ para depurar la página.
Al mirar el css, se hará referencia a qué hoja de estilo se utiliza.
Por ejemplo:
Se puede ver en la captura de pantalla que al utilizar Firebug se nota en el texto azul que la página está utilizando la hoja de estilo style.css
.
trabajo por el árbol de Firebug y simplemente flotar sobre sus elementos y ver lo que se utilizan hojas de estilo.
Nota para cualquiera que encuentre esto: Firebug ahora es parte de la consola de Firefox en lugar de un complemento – Machavity
Puede depurar con firebug (http://getfirebug.com/). Mostrará qué se usa para qué y le permite averiguarlo.
Usted puede hacer una cosa:
abrir la página web en Firefox
Uso Firebug para señalar un cierto control sobre la que desea ver las clases aplicadas.
En el código fuente html en firebug, puede encontrar las clases CSS aplicadas en un control en particular.
Encuentra esas clases en tus archivos CSS.
Repita este proceso para todos los controles de la página web.
Ahora puede eliminar los archivos CSS que no se utilizan en esa página web.
Gracias.
Use Web Developer Addon con firefox. http://chrispederick.com/work/web-developer/
Después de instalar este complemento, vaya a la herramienta firefox-> desarrollador web-> css-> ver css.
Hay muchas formas de encontrar qué CSS se utilizan por página. aquí están algunos de ellos:
1) si está usando firefox entonces firebug es útil para usar. http://getfirebug.com/ simplemente haga clic derecho en la página y utilice la opción Elemento
2 Inspeccionar) si se utiliza IE, luego Herramientas para desarrolladores está disponible en el IE
3) Si utilizas Google Chrome, entonces u puede utilizar directamente la opción de inspeccionar elemento haciendo clic derecho en la página.
- 1. ¿Por qué no se utilizan los archivos PHP para (personalizado) CSS y JS?
- 2. MySQL: ¿cómo veo qué archivos de configuración se utilizan?
- 3. ¿Para qué se utilizan los archivos .rc2 en Visual Studio?
- 4. ¿Para qué se utilizan parches en SVN?
- 5. ¿Para qué se utilizan las declaraciones dispinterface?
- 6. ¿Para qué se utilizan java.awt.Component.getName() y setName()?
- 7. Obteniendo la página actual
- 8. ¿Cómo se indica visualmente la página actual en ASP.NET MVC?
- 9. Cómo encontrar la codificación para la página de códigos 1251
- 10. ¿Un archivo CSS o archivos CSS individuales para cada página?
- 11. ¿Para qué se utilizan los componentes fuertemente conectados?
- 12. ¿Para qué se utilizan session_id, session_regenerate_id y session_name?
- 13. ¿Cómo encontrar qué rama seguimiento de la rama actual
- 14. Cómo determinar qué JAR se utilizan en una aplicación
- 15. Jugar Framework 2.0 Encontrar la acción actual en una vista
- 16. cómo configurar programáticamente la página actual para UIPageControl?
- 17. JavaScript: ¿Para qué se utilizan .extend y .prototype?
- 18. ¿Para qué se utilizan los diferentes directorios en @INC?
- 19. Rieles: ¿Cómo conseguir la zona horaria del usuario actual cuando se utilizan Heroku
- 20. ¿Para qué se utilizan los diferentes formatos de archivo gettext?
- 21. ¿Para qué se utilizan los diferentes formatos de NameID?
- 22. CSS para insertar contenido en la página
- 23. Encontrar el número de página actual en jqGrid
- 24. ASP.NET MVC - Destacando la página actual en la navegación
- 25. redirigir a la página actual en ASP.Net
- 26. jquery cómo obtener la posición actual de la pantalla actual de la página?
- 27. ¿Cómo CSS sandbox/reinicia todo un área DIV en la página actual?
- 28. ¿Marcado líquido para detectar la URL de la página actual?
- 29. Cómo cargar archivos CSS usando Javascript?
- 30. ¿Cómo encontrar qué elemento rompe HTTPS en una página web?
posible duplicado de [CSS cleaner] (http://stackoverflow.com/questions/285442/css-cleaner) –
posible duplicado de [Herramienta para identificar definiciones de CSS no utilizadas] (http: // stackoverflow.com/questions/135657/tool-to-identify-unused-css-definitions) – Quentin
las dos preguntas marcadas como dup son relevantes, pero la respuesta aceptada para ambos (DustMe Selectors) parece que ya no está en desarrollo, y doesn ' Trabajar con la última versión de Firefox. – Spudley