Es fácil perderse escribir código JavaScript sin un depurador.
Depuración de JavaScript
Es difícil escribir código JavaScript sin un depurador.
Su código puede contener errores de sintaxis o errores lógicos, que son difíciles de diagnosticar.
A menudo, cuando el código JavaScript contiene errores, no pasará nada. No hay mensajes de error, y podrá obtener ninguna indicación Donde la búsqueda de errores.
Normalmente, los errores van a suceder, cada vez que se intenta escribir un nuevo código JavaScript.
depuradores de JavaScript
La búsqueda de errores en el código de programación se llama código de depuración.
La depuración no es fácil. Pero, afortunadamente, todos los navegadores modernos tienen un depurador integrado.
depuradores incorporados se pueden encender y apagar, forzando errores para ser informado al usuario.
Con un depurador, también se puede establecer puntos de interrupción (lugares donde la ejecución de código puede ser detenido), y examinar las variables mientras se ejecuta el código.
Normalmente, si no siga los pasos en la parte inferior de esta página, se activa la depuración en el navegador con la tecla F12 y seleccione "Consola" en el menú depurador.
El console.log() Método
Si su navegador es compatible con la depuración, puede utilizar console.log() para mostrar los valores de JavaScript en la ventana del depurador:
Ejemplo
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html> Inténtalo tú mismo " establecer puntos de interrupción
En la ventana del depurador, puede establecer puntos de interrupción en el código JavaScript.
En cada punto de interrupción, se detendrá la ejecución de JavaScript, y dejar que se examinan los valores de JavaScript.
Después de examinar los valores, se puede reanudar la ejecución de código (por lo general con un botón de reproducción).
La palabra clave depurador
La palabra clave depurador se detiene la ejecución de JavaScript, y las llamadas (si está disponible) la función de depuración.
Esto tiene la misma función que el establecimiento de un punto de interrupción en el depurador.
Si no está disponible la depuración, la declaración depurador no tiene ningún efecto.
Con el depurador activado, el código dejará de ejecutarse antes de ejecutar la tercera línea.
Herramientas de depuración principales navegadores
Normalmente, se activa la depuración en el navegador con F12 y selecciona "Consola" en el menú depurador.
De lo contrario, siga estos pasos:
Chrome
- Abra el navegador.
- En el menú, seleccionar herramientas.
- Desde herramientas, elija las herramientas para desarrolladores.
- Por último, seleccione Consola.
Firefox Firebug
- Abra el navegador.
- Ir a la página web:
http://www.getfirebug.com - Siga las instrucciones sobre cómo:
instalar Firebug
Internet Explorer
- Abra el navegador.
- En el menú, seleccionar herramientas.
- Desde herramientas, elija las herramientas para desarrolladores.
- Por último, seleccione Consola.
Opera
- Abra el navegador.
- Ir a la página web:
http://dev.opera.com - Siga las instrucciones sobre cómo:
añadir un botón de la consola de desarrollo a su barra de herramientas.
Safari Firebug
- Abra el navegador.
- Ir a la página web:
http://extensions.apple.com - Siga las instrucciones sobre cómo:
instalar Firebug Lite.
Safari Develop Menu
- Ir a Safari, Preferencias, Opciones avanzadas en el menú principal.
- Compruebe "Habilitar Mostrar menú en la barra de menú Desarrollo".
- Cuando la nueva opción "Desarrollar" aparece en el menú:
Seleccione la opción "Mostrar consola de errores".
¿Sabías?
La depuración es el proceso de pruebas, la búsqueda, y la reducción de errores (errores) en los programas de ordenador.
El primer error informático conocido fue un fallo real (un insecto) pegado en la electrónica.