El documento describe diferentes opciones para depurar código en Internet Explorer, incluyendo avanzar línea a línea paso a paso por instrucciones o procedimientos, insertar puntos de interrupción, e inspeccionar y observar el cambio de valores de variables mientras se depura el código. También menciona la capacidad de validar documentos CSS y HTML.
2. Depuradores: Avanzar línea a línea
Una vez iniciada la depuración tenemos varias opciones para
seguir la ejecución del código:
● Paso a paso por instrucciones:
Ejecuta la instrucción actual y, a continuación, se detiene en la
siguiente instrucción. Si la instrucción actual es una llamada a un
script o a una función, el depurador ejecuta paso a paso esa función
o script; en caso contrario, se detiene en la siguiente instrucción.
3. Depuradores: Avanzar línea a línea
Una vez iniciada la depuración tenemos varias opciones para
seguir la ejecución del código:
● Paso a paso por procedimientos:
Ejecuta la instrucción actual y, a continuación, se detiene en la
siguiente instrucción. Si la instrucción actual es una llamada a un
script o a una función, el depurador ejecuta la función o el script
completos y se detiene en la siguiente instrucción después de la
llamada
4. Depuradores: Avanzar línea a línea
Una vez iniciada la depuración tenemos varias opciones para
seguir la ejecución del código:
● Paso a paso para salir
Ejecuta la función actual, sale de ella y asciende un nivel si la
función está anidada. Si está en el cuerpo principal, el script se
ejecuta hasta el final o hasta el siguiente punto de interrupción. Las
instrucciones omitidas se ejecutan, pero no paso a paso.
5. Depuradores: Insertar puntos de
interrupción
Para añadir puntos de interrupción sólo hay que hacer
clic en el número de línea donde queremos hacer el punto
de interrupción o bien, hacer clic derecho / Insertar punto de
interrupción.
6. Depuradores: Inspección de
variables
A continuación expondremos un caso práctico para
comprobar el funcionamiento de la inspección de variables:
1. Presiona F12 para abrir las herramientas F12 y haz clic en la pestaña Script.
2. En el panel de la izquierda, desplázate a la primera función, haz clic con el
botón secundario en la línea que dice "var a = 5;" y haz clic en Insertar punto de
interrupción.
7. Depuradores: Inspección de
variables
A continuación expondremos un caso práctico para
comprobar el funcionamiento de la inspección de variables:
3. Haz clic en Iniciar depuración y después, en la página web del explorador, haz
clic en el botón Ejecutar.
4. En las herramientas F12, haz clic en la pestaña Ver a la derecha y agrega las
variables "a, b, c y d.".
8. Depuradores: Inspección de
variables
A continuación expondremos un caso práctico para
comprobar el funcionamiento de la inspección de variables:
5. Revisa tu código presionando F11 o haciendo clic en el botón Paso a paso por
instrucciones y observa las variables de la pestaña Ver.
Avanzando "paso a paso por instrucción", se puede observar el cambio de valor y
tipo de la variable "a".
9. Depuradores: Inspección de
variables
A continuación expondremos un caso práctico para
comprobar el funcionamiento de la inspección de variables:
Avanzando varias líneas podemos seguir observando el cambio de las variables
siguiendo la ejecución del script
10. Depuradores: Validación de
documentos
El depurador de IE, además de las funciones anteriores,
también dispone de un función de validación de CSS y HTML
( realmente envían el documento al validador de W3C).
11. Referencias:
Uso de las herramientas de desarrollo F12 para depurar errores de JavaScript
●
Cómo depurar código Javascript paso a paso
●