Herramientas de Desarrollador Web en Mozilla Firefox - Debugger p.2

En este tutorial veremos como ver en todo momento el valor de nuestras variables a la hora de ejecutar una función de javascript. En este ejemplo usare una función muy simple "suma", esta función realiza la suma de dos variables que se le pasan cuando se llama a la misma.

Los primeros pasos de como abrir la herramienta debugger ya se vio en la primera parte, así que saltare directamente a ensañar como se ven las variables.

1º Debemos poner un punto de ruptura donde queramos parar la ejecución del script:

2º Iniciaremos la depuración, en la zona de la derecha aparecerán las variables que maneja la función en recuadro con el nombre de "ámbitos":

Durante el depurado veremos como las variables van cambiando:

 Y así es como se ven las variables a lo largo de la función.