¿Qué quiere hacer por Firebug de Firefox?

Firebug es una extensión desarrollo web de código abierto para el navegador web Mozilla Firefox. Diseñado por Joe Hewitt, uno de los desarrolladores originales de Firefox, Firebug es una ayuda inestimable para los desarrolladores web y ofrece una amplia gama de herramientas para ayudar en el diseño de páginas Web y la depuración. El Grupo de Trabajo Firebug Firebug controla ahora, y publica actualizaciones regulares y mejoras.

¿Cuál es Firebug?

Firebug es un plugin para Firefox que añade una serie de herramientas útiles para el navegador para editar y depurar HTML, CSS y JavaScript en tiempo real y la presentación de informes sobre el rendimiento de su página Web. Por ejemplo, mediante la ficha Red se puede ver cada solicitud Web hecha por la página con el fin de cargar por completo. Firebug muestra cada solicitud en detalle, junto con el tamaño y el tiempo necesario para que la solicitud para completar. Esto le ayuda a encontrar cualquier cuello de botella adecuadas para la optimización, y mejorar el tiempo de carga del sitio. También puede ver qué archivos del navegador recupera de su memoria caché y los archivos que se cargan desde el servidor con cada solicitud de página.

Características HTML

Cuando una página web se carga con el panel de Firebug abierta, Firebug muestra el código fuente HTML de la página en una estructura de árbol, que le permite ampliar y zonas de colapso para ver el código específico. Al mover el puntero del ratón sobre el código fuente HTML, Firebug pone de relieve las áreas correspondientes de la página Web. Un editor HTML en tiempo real le permite editar el código fuente HTML de una página Web y ver los efectos de los cambios que se muestran instantáneamente en la ventana del navegador. Esto hace que los diseños de depuración HTML más fácil, como se puede cambiar mediciones de píxeles viven, por ejemplo, con los resultados muestran instantáneamente.

Características CSS

Cuando se selecciona un elemento HTML en la vista de origen HTML, Firebug muestra automáticamente todos los estilos CSS que se aplican a ese elemento, incluyendo los que se dirigen específicamente el objeto, y estilos que afectan el elemento a través de una regla general. Como varios archivos CSS se pueden cargar en una página Web, Firebug agrega los estilos de cada hoja antes de mostrar los estilos que se aplican al elemento seleccionado. Puede editar los atributos de estilo en tiempo real con los resultados mostrados en directo en la ventana del navegador, y desactivar estilos o atributos, si es necesario. Esto permite realizar un seguimiento de forma rápida, cualquier estilo que causan problemas de pantalla, y cambiar sus atributos hasta obtener el resultado deseado.

Características de JavaScript

La consola JavaScript en Firebug se utiliza para depurar las secuencias de comandos incluidas en su página. Firebug compila en una lista todas las secuencias de comandos en la página, ya sea interna o externa, ayudando a localizar y saltar entre secciones de código JavaScript rápidamente. JavaScript de la página se puede pausar manualmente, o con el uso de puntos de corte personalizados, que interrumpen el código cuando se ejecución alcanza un cierto punto. A continuación, puede recorrer el código línea por línea, con el efecto del código que se muestra en vivo, lo que permite ver la ruta tomada a través de la estructura del programa. También puede ver el contenido de las variables de código que se ejecuta el código, para comprobar que el código se comporta de la manera que quería. El código JavaScript se pueden introducir directamente en la consola y ejecutados, lo que permite crear interacciones puntuales que tienen las secuencias de comandos para la depuración.