Thursday, November 1, 2007

Hacer Debug Javascript en Firefox. Debugging javascript in firefox

Ya que Firefox tiene mas y mas seguidores debemos probar nuestras aplicaciones web también en este browser, y también necesitaremos depurar javascript en firefox.

Existe una extensión para firefox llamada Firebug que permite depurar javascript. Hay como bajarse esta extensión desde el sitio https://addons.mozilla.org/en-US/firefox/browse/type:1 Solo buscamos la extensión con el nombre firebug y la instalamos.

Una vez instalado Firebug en firefox, lo abrimos: Tools --> Firebug --> Open Firebug

Existen varias pestañas bastante útiles en firebug. La pestaña Script nos ayudara a depurar javascript. En esta pestaña aparecerá el código javascript que tenga la pagina y nosotros podemos ir poniendo breakpoints en las líneas javascript que queramos, bastante parecido al Visual Studio.

De esta manera, podemos inspeccionar las variables de manera bastante fácil.

A continuación, muestro una pantalla de ejemplo firebug en accion: