JavaScript Depuración

Al escribir JavaScript, si no hay herramientas de depuración, será algo muy doloroso.

Depuración de JavaScript

Sin herramientas de depuración es muy difícil escribir programas JavaScript.

Tu código puede contener errores de sintaxis y errores lógicos; sin herramientas de depuración, estos errores son difíciles de detectar.

Normalmente, si JavaScript tiene un error, no hay mensajes de aviso, por lo que no podrás encontrar la ubicación del error en el código.

Note Normalmente, cometes errores mientras escribes un nuevo código JavaScript.

Herramientas de depuración de JavaScript

Buscar errores en el código del programa se llama depuración de código.

La depuración es difícil, pero afortunadamente muchos navegadores tienen herramientas de depuración integradas.

Las herramientas de depuración integradas se pueden activar o desactivar, y los mensajes de error graves se enviarán al usuario.

Con las herramientas de depuración, podemos establecer puntos de interrupción (posiciones donde se detiene la ejecución del código) y podemos inspeccionar variables durante la ejecución del código.

Para activar las herramientas de depuración en el navegador, generalmente se presiona la tecla F12 y se selecciona "Console" en el menú de depuración.

Método console.log()

Si el navegador admite depuración, puedes usar el método console.log() para imprimir valores de JavaScript en la ventana de depuración:

Ejemplo

a = 5; b = 6; c = a + b; console.log(c);

Pruébalo »

Establecer puntos de interrupción

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

En cada punto de interrupción, se detiene la ejecución del código JavaScript para que podamos inspeccionar el valor de las variables de JavaScript.

Después de la inspección, se puede reanudar la ejecución del código (como el botón de reproducción).

Palabra clave debugger

debuggerLa palabra clave se utiliza para detener la ejecución de JavaScript y llamar a la función de depuración.

Esta palabra clave tiene el mismo efecto que establecer un punto de interrupción en las herramientas de depuración.

Si no hay depuración disponible, la declaración debugger no funcionará.

Con debugger activado, el código se detiene antes de ejecutar la tercera línea.

Ejemplo

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

Pruébalo »

Herramientas de depuración de los principales navegadores

Generalmente, para activar las herramientas de depuración en el navegador se presiona la tecla F12 y se selecciona "Console" en el menú de depuración.

Los pasos para cada navegador son los siguientes:

Navegador Chrome

  • Abre el navegador.
  • En el menú, selecciona"Más herramientas"。
  • En"Más herramientas"selecciona"Herramientas de desarrollo"。
  • Finalmente, selecciona Console.

O puedes hacer clic derecho y seleccionar"Inspeccionar", como se muestra a continuación:

Navegador Firefox

  • Abre el navegador.
  • Haz clic derecho y selecciona"Inspeccionar elemento"。

Safari

  • Abre el navegador.
  • Haz clic derecho y selecciona Inspeccionar elemento.
  • En la ventana que aparece en la parte inferior, selecciona "Consola".

Navegador Internet Explorer.

  • Abre el navegador.
  • En el menú, selecciona Herramientas.
  • En Herramientas, selecciona Herramientas de desarrollo.
  • Finalmente, selecciona Console.

Opera

  • Abre el navegador.
  • Haz clic en la esquina superior izquierda y selecciona"Herramientas de desarrollo", selecciona"Inspector WEB"。

Una forma más sencilla es: haz clic derecho y selecciona"Inspeccionar elemento"

Otras extensiones