All hail to the web development extension! Firebug es, simple y llanamente, LA extensión de desarrollo web para Firefox. No sólo aúna las posibilidades de otras extensiones ya existentes (como Web Developer), sino que añade algunas que, simple y llanamente, no existían antes de Firebug. De hecho, cosas que antes requerían de una buena sesión de hacking, sniffer y proxy en ristre, ahora pueden hacerse desde el propio navegador de forma muy sencilla.
Dentro de las cosas más “simples” que Firebug puede hacer, encontramos la visualización, inspección y edición en caliente de todo el código HTML de una página, así como de sus estilos CSS, su maquetación y el DOM completo.
Inspeccionando una página con Firebug
Una de las herramientas más útiles de Firebug es su consola, que nos permite estar al tanto de toda la información relacionada con la depuración de la página. Por ejemplo, veamos qué ocurre realmente cuando bloqueamos los scripts de un dominio con NoScript…
Error por script bloqueado
Pero, posiblemente, la novedad más rompedora de Firebug es la incorporación de un entorno de depuración para Javascript. Este entorno incorpora la mayoría de las herramientas de depuración a las que nos tienen acostumbrados los modernos entornos de desarrollo: breakpoints, watches, ejecución paso a paso…
Depurando Javascript con Firebug
Una de las partes más dolorosas de programar en Javascript era, precisamente, la ausencia de herramientas de depuración decentes. La consola de errores de Firefox era una pequeña ayuda, pero en general la depuración se reducía prácticamente a la mítica técnica de imprimir mensajes por pantalla… un auténtico infierno, vamos.
Por otro lado, Firebug también incorpora una herramienta de monitorización de llamadas de red para el código de la página, de forma que podemos observar las distintas peticiones realizadas, así como el tiempo que ha necesitado cada una de ellas para ser procesada. A la hora de desarrollar aplicaciones AJAX, esta característica resulta de gran ayuda.
Monitor de red de Firebug
Actualmente, en el curro andamos programando en PHP módulos para Joomla!; si bien realmente PHP es lo que menos escribimos (el controlador y poco más), pues casi todo el esfuerzo de desarrollo se centra en programar Javascript para implementar, mediante AJAX, la integración de ciertos datos de un repositorio semántico que se sirven mediante servlets. Esta tarea, sin Firebug, sería como mezclar La Divina Comedia con el Día de la Marmota, despertando una y otra vez en el mismo sitio…
Por supuesto, huelga decir que Firebug también puede ser una estupenda utilidad para auditar fallos de seguridad en todo tipo de páginas, por lo que resulta una herramienta de seguridad muy útil.
Tengo tanto el firebug como webdeveloper instalados, están guays. Anadiría la extensión livehttpheaders y como proxy paros o webscarab.
[...] 19-06-2009 de Death Master Si la extensión Firebug es la panacea para conocer hasta el más mínimo detalle de una página determinada, ahora llega el [...]
[...] 02-08-2009 de Death Master Una vez más, y como en el caso de Firebug, vamos a analizar una extensión de Firefox que, en principio, está pensada para el desarrollador [...]