Depuración de JavaScript

en un programa o scripterrorse llamabug.

Depuración (Debugging)Es el proceso de probar, encontrar y reducir errores (bug) en programas de computadora.

Depurador de JavaScript

Todos los navegadores principales tienen depuradores de JavaScript integrados.

Se puede abrir y cerrar el depurador integrado para informar a los usuarios de los errores.

Con el depurador, puede pausar el código en ciertos puntos de ruptura (donde se puede detener la ejecución del código).

Una vez que se detenga la ejecución, puede verificar el estado del script y sus variables para determinar si hay algún problema.

También puede observar el cambio en el valor de las variables.

Método console.log();

Si su navegador admite la depuración, se puede usar paraconsole.log();Muestre valores de JavaScript en la ventana del depurador:

let x =　50;
let y =　20;
let z = x　+　y;
console.log(z);

Para acceder a la consola del navegador web, primero presioneF12Presione la tecla en el teclado y luego haga clic en la pestaña "Consola".

Palabra clave debugger (depurador)

Cualquier funcionalidad de depuración disponible que utilice la palabra clave debugger, como establecer un punto de ruptura.

Si no hay funciones de depuración disponibles, esta sentencia no es válida.

El siguiente ejemplo muestra el código en el que se inserta la sentencia debugger para llamar al depurador:

var a =　50　+　20;
debugger;
document.getElementById("output").innerHTML = a;

Cuando se llama al depurador, la ejecución de la sentencia debugger se detendrá. Esto es como un punto de ruptura en el código fuente.

Herramientas de depuración del navegador principal

Generalmente, utiliza el navegador activoF12En la depuración, seleccione 'Consola' en el menú de depurador.

De lo contrario, siga los siguientes pasos:

Chrome

• Abra el navegador

• Desde el menú, seleccione 'Más herramientas'

• Desde las herramientas, seleccione 'Herramientas de desarrollador'

• Finalmente, seleccione la consola

FireFox

• Abra el navegador

• Desde el menú, seleccione 'Desarrollador web'

• Finalmente, seleccione 'Consola web'

Edge

• Abra el navegador

• Desde el menú, seleccione 'Herramientas de desarrollador'

• Finalmente, seleccione 'Consola'

Opera

• Abra el navegador

• Desde el menú, seleccione 'Desarrollador'

• Desde 'Desarrollador', seleccione 'Herramientas de desarrollador'
  

• Finalmente, seleccione 'Consola'

Safari

• Vaya a Safari, Preferencias, Avanzado

• Marque 'Activar menú de desarrollo en la barra de menú'

• Cuando la nueva opción 'Desarrollo' aparezca en el menú:
  Seleccione 'Mostrar consola de errores'