- - Uso de CSS: ver las reglas de CSS utilizadas en páginas web y exportar archivos [Firefox]

Uso de CSS: ver las reglas de CSS utilizadas en páginas web y exportar archivos [Firefox]

¿Alguna vez has encontrado un sitio web y has encontrado¿Tienes curiosidad por los estilos que han usado en él? Ya sea que sea un diseñador profesional que trabaje en un sitio o simplemente aprenda CSS como un pasatiempo o un proyecto paralelo, ver cómo los diferentes sitios han implementado CSS le abre la mente a las muchas formas en que puede usarlo en sus propios proyectos. Uso de CSS es una extensión de Firefox que le permite ver las reglas CSS aplicadas a cualquier página web y también le permite exportar la hoja CSS en una nueva pestaña.

Para usar la extensión, debe tener Firebug instalado, ya que amplía la funcionalidad de Firebug. Una vez instalado, visite un sitio web y abra Firebug. Una pestaña adicional Uso de CSS se agregará a la interfaz Firebug. Haga clic en la pestaña y presione el Escanear botón. Se enumerarán todas las reglas CSS aplicadas y la cantidad de veces que se ha usado cada una en la página web.

Uso de CSS

Puede haber más de un archivo CSS utilizado en una página web, expandirlos y contraerlos para ver cada archivo y su contenido.

Vista de uso de CSS en firebug

Puede configurar la extensión para escanear automáticamente cada página que visite haciendo clic en Auto escáner botón. El botón activa y desactiva la exploración automática. A medida que visita cada página de un sitio, la extensión la escaneará automáticamente en busca de las reglas CSS aplicadas y la cargará en consecuencia. Para ver el archivo CSS en sí, haga clic en el nombre del archivo en negrita y el archivo se abrirá en una nueva pestaña.

Exportación de archivos de uso de CSS

Si bien el diseño del archivo CSS puede mejorar, sin embargo, es lo suficientemente bueno como para tener una idea de lo diferente que ha sido el estilo.

Instalar extensión de uso de CSS para Firefox

Comentarios