El día que descubrí Firebug, mi vida laboral cambió completamente (parece que me pagan por decir esta frase jeje).

Firebug es un complemento de Firefox totalmente integrado en el mismo para desarrolladores web que permite explorar y editar en tiempo real el código fuente. De esta manera, si estamos desarrollando una web, tenemos fácil acceso desde el explorador al código fuente, al CSS, etc.

Su mayor utilidad es la de poder hacer cambios a tiempo real desde el navegador. Yo por ejemplo, voy modificando el CSS desde el navegador, editando y agregando atributos, y cuando doy con lo que me gusta, lo copio en el archivo. También tiene la opción de exportar los nuevos cambios.

Como os podréis imaginar, esta utilidad hará que nuestro trabajo sea mucho más ágil. Pero es que ahí no acaba, la herramienta Inspeccionar nos permite explorar directamente el código desde la página web, es decir, si la tenemos activada y pasamos el ratón por este texto, te localizará automáticamente dónde está en el código fuente, una herramienta para supervagos que nos ayudará un montón. También tenemos una regla de medidas a mano, de manera que si nos ponemos encima de una tabla, nos muetra gráficamente cuánto mide el padding, cuánto el margin, etc.

Haz clic en las imágenes para verlas en grande.

Otra de sus facetas que nos ayudará mucho es la de monitorizar el tiempo de carga de nuestra web. Al ejecutar una aplicación web, Firebug irá detectando sobre la marcha cuánto tiempo ha tardado en ejecutarse cada archivo, así podremos ver rápidamente qué elementos necesitamos optimizar para que la carga sea más rápida. Tanto imágenes, como hojas de estilo CSS, Javascript, etc.

La consola de errores localiza todos los errores de carga a tiempo real y nos avisa de en qué línea falla el código. Localiza errores de CSS, Javascript y XML y nos lo muestra en la barra de estado del navegador.

Además podemos explorar fácilmente las funciones Javascript, pararlas en cualquier momento, activarlas, modificarlas, etc.

Firebug no tiene límites y es una herramienta gratuita.

• Descargar explorador Mozilla Firefox (gratuito)
• Descargar complemento Firebug (gratuito)

Si utilizas Internet Explorer 7, tienes una herramienta muy parecida también llamada Companion.JS.
Las características de este complemento son bastante parecidas aunque está todavía en una versión bastante primaria. Veremos si consigue competir contra Firebug.

• Artículo sobre Companion.JS por Anieto2k.com

Esta entrada fue publicada el 24 Octubre 2007 a las 11:43 AM y fue archivada en Diseño web. Puedes escribir un comentario, o trackback desde tu sitio web.