Depurar AJAX/ Javascript en Firefox (FIREBUG)

Hoy como es costumbre para cualquier diseñador de páginas web me tocó una dura batalla contra javascript (aún no entiendo por que demonios los de ie se empeñan por definir el js como les da la gana) para que funcionaran tanto las funciones como uno que otro campo acutalizado vía ajax.

Fue así como navegando por la red me encontré con un programa (más que un programa, una extensión) para el debugueo online del javascript y es, nada más y nada menos que:



Firebug, en principio es una extensión gratuita para Firefox y Open Source, que nos permite monitorear el estado de una página web mientras se navega en ella, de esta forma se puede editar, debuguear y monitorear el HTML, CSS y JavaScript en vivo en cualquier página, mientras tengamos activo el pluggin.

Las características principales de este pluggin:

• Inspecciona y Edita HTML.
  
• Retoca el CSS y ajustarlo como quieras (todo mientras navegas por la página).
• Visualiza los espaciados del CSS
• Monitorea cuanto el tráfico de red que causa el abrir una página.
• Debuguea el JavaScript.
• Encuentra rápidamente los errores.
• Explora el árbol DOM.
• Ejecuta JavaScript al Vuelo
• Crear Logging para las funciones JavaScript
  

Las imagenes y el texto son extraídos de FIREBUG

Otros enlaces referentes a este temas:

El blog de INGENIUZ
Un artículo (Inglés)