Firebug

Hoy en día nos podemos encontrar en la Red cientos, por no decir miles, de extensiones y complementos realmente interesantes para un Navegador Web de código abierto como es Firefox. Pero ninguna de ellas resulta tan fundamental e imprescindible para los que nos dedicamos al desarrollo Web como Firebug.

Con Firebug convenientemente instalado e integrado en nuestro Navegador Firefox podremos hacer cosas tan importantes, y la larga indispensables, como editar directamente y en tiempo real nuestro código HTML y CSS, depurar nuestro JavaScript, monitorizar los tiempos de carga de las páginas de nuestra aplicación web o incluso inspeccionar el DOM.

En mi caso particular el papel que Firebug ejerce en mi día a día es de vital importancia a la hora de resolver contratiempos relacionados con los CSS, problemas que antes requerían de mucho tiempo de pruebas hasta dar con una posible solución. De hecho en muchas ocasiones, echando la vista atrás, me pregunto a mí mismo ¿cuánto tiempo habría tardardo en resolver esto antes de saber de la existencia de Firebug?. Seguramente lo que ahora es cuestión de un par de clicks, antes suponía varios minutos perdidos, en los que en muchas ocasiones llegaba a desquiciarme.

Lo que más utilizo a día de hoy, con diferencia, es el Inspect HMTL de Firebug, con el que podremos analizar y seleccionar cada uno de los elementos que componen nuestra página web, detallándonos además que CSS están siendo aplicados y de cuales está heredando. Una vez seleccionado el elemento podemos editar directamente su código HTML o el CSS aplicado y además visualizar los cambios en tiempo real.

Por ello me atrevo a decir que Firebug se ha convertido en la piedra filosofal, esencial y necesaria, para todos los que nos dedicamos al desarrollo de aplicaciones web. Una herramienta útil, sencilla, muy completa y además infinitamente práctica.

¿Y vosotros ya usáis Firebug?

Descargar | Firebug

Descargar | Mozilla Firefox 3