A lo largo de este art?culo trataremos sobre el funcionamiento y ventajas que trae el plugin (addon) FireBug para Firefox. Este es un software definido como una extensi?n del navegador que ofrece una serie de actividades para optimizar los recursos a la hora de pensar en el desarrollo web. Permite un conjunto de acciones relacionadas a la correcci?n de errores, y al trabajo con Javascript, HTML y CSS en el sitio web. Lo interesante de este software, adem?s de ser gratis y ?open source?, es que permite que la realizaci?n de los cambios se hagan en tiempo real.

En cu?nto a HTML, con Firebug pueden encontrarse elementos HTML dentro del sitio con gran velocidad y facilidad. Mediante la ventana ?View Source? que ofrece Firefox, el plugin permite ver el estado actual de HTML. A su vez, habilita la visualizaci?n de todos los cambios realizados, de modo resaltado (dado que en una p?gina basada en Javascript, el HTML constantemente se ve modificado). Tambi?n se puede crear y editar HTML en el acto comprobando los resultados al momento de escribirlos. Realizando un click en alg?n elemento del sitio se puede modificarlo de modo completo a trav?s de la opci?n Edit HTML del men?. El m?todo de b?squeda es mucho m?s ?ptimo con la barra de herramientas que ofrece (FireBug?s toolbar) dado que encuentra la fuente HTML que est?s buscando de modo inmediato al tipearla en la quick search box.?

En lo que refiere a Javascript tambi?n permite encontrar dichos elementos de un modo r?pido, y adem?s permite tener el control de la ejecuci?n, dado que brinda la posibilidad de ser configurado para detener su ejecuci?n en una determinada l?nea. Para lograrlo s?lo se deber? clickear en el n?mero de l?nea deseado y estar? activado all? (mostrado por un icono rojo) el punto de detenci?n. Esto habilita luego de ser pausado el debugger un seguimiento l?nea por l?nea en el caso de necesitar una mejor observaci?n de c?mo las variables se ven afectadas en ese momento.

Es una herramienta fundamental a la hora de encontrar y corregir errores basados en XML, Javascript o CSS. Firebug muestra de modo inmediato cuando se produce alg?n error, brindando toda la informaci?n y datos posibles al respecto. Cuenta con un icono que funciona a modo de indicador cuando detecta errores (nos damos cuenta cuando cambia su color de verde a rojo). Por ejemplo, con errores en JavaScript nos encontraremos con una detallada informaci?n acerca del mismo, d?nde se nos indicar? el archivo y la l?nea de ubicaci?n.

En relaci?n a lo que ofrece en materia de CSS, la rapidez con que se pueden operar los cambios resulta sorprendente. Editar elementos CSS es sumamente sencillo y se logra cliqueando sobre ellos donde aparecer? un ?text editor? listo para tipear la modificaci?n deseada, y c?mo en los casos anteriores, el resultado se ver? al instante. Ofrece, adem?s, una pre-visualizaci?n de im?genes as? como tambi?n la funci?n de auto-completado, tan ?til en algunos momentos.

Las funciones que trae consigo el FireBug de Firefox no se reducen a las aqu? mencionadas. Estas comprenden s?lo algunas de las ventajas que se pueden obtener gracias a este software.