Depuración de JavaScript

Los errores siempre ocurren, cada vez que escribe algún nuevo código de computadora.

Depuración de JavaScript

Escribir JavaScript sin depurador es difícil.

Su código puede contener errores de sintaxis o lógicos, que son difíciles de diagnosticar.

Generalmente, si el código de JavaScript contiene errores, no sucederá nada. No habrá mensajes de error y no habrá información indicativa de dónde buscar errores.

Generalmente, cada vez que intenta escribir nuevo código de JavaScript, puede ocurrir un error.

Depurador de JavaScript

Encontrar errores en el código de programación se llama depuración de código.

La depuración no es sencilla. Pero afortunadamente, todos los navegadores modernos tienen depuradores integrados.

El depurador integrado se puede abrir o cerrar, forzando a que los informes de errores se envíen al usuario.

A través del depurador, también puede establecer puntos de interrupción (donde se interrumpe la ejecución del código) y verificar variables mientras se ejecuta el código.

Generalmente, se inicia el depurador en el navegador mediante la tecla F12 y luego se selecciona "Consola" en el menú del depurador.

método console.log()

Si su navegador admite la depuración, puede usar console.log() Muestre los valores de JavaScript en la ventana de depuración:

ejemplo

<!DOCTYPE html>
<html>
<body>
<h1>Primera Página Web</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>

Prueba personalmente

Consejo:Visite nuestro manual de referencia de JavaScript Console para obtener más información sobre el método console.log().

Establecer punto de interrupción

En la ventana de depuración, puede establecer puntos de interrupción en el código de JavaScript.

En cada punto de interrupción, JavaScript se detendrá para que pueda verificar los valores de JavaScript.

Después de verificar el valor, puede continuar la ejecución del código.

palabra clave debugger

debugger La palabra clave detiene la ejecución de JavaScript y llama a la función de depuración (si hay una).

Esto es lo mismo que establecer un punto de interrupción en el depurador.

Si el depurador no está disponible,debugger La declaración no tiene efecto.

Si el depurador está abierto, este código se detendrá antes de ejecutar la tercera línea.

ejemplo

var x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;

Prueba personalmente

Herramientas de depuración de navegadores populares

Generalmente, puedes activar la depuración presionando la tecla F12 en el navegador y seleccionar 'Consola' en el menú del depurador.

De lo contrario, sigue estos pasos:

Chrome

  • Abre el navegador
  • Desde el menú, selecciona herramientas
  • Desde la herramienta, selecciona herramientas de desarrollador
  • Finalmente, selecciona la consola

Firebug de Firefox

  • Abre el navegador
  • Visita la página web: http://www.getfirebug.com
  • Sigue las instrucciones siguientes: cómo instalar Firebug

Internet Explorer

  • Abre el navegador
  • Desde el menú, selecciona herramientas
  • Desde la herramienta, selecciona herramientas de desarrollador
  • Finalmente, selecciona la consola

Opera

  • Abre el navegador
  • Visita la página web: http://dev.opera.com
  • Sigue las instrucciones siguientes: cómo instalar Firebug Lite

Menú de desarrollo de Safari

  • Haz clic en el menú Safari, preferencias, avanzado
  • Selecciona 'Habilitar menú de desarrollo en la barra de menú'
  • Cuando aparezca la nueva opción 'Desarrollo' en el menú, selecciona 'Mostrar consola de errores'

¿Sabías que?

La depuración es el proceso de probar, encontrar y reducir los bugs (errores) en un programa de computadora.

El primer bug conocido en la historia de la computación fue un insecto real atascado en un dispositivo electrónico (un insecto).