Tecnología

Inicio

Cómo solucionar un JavaScript que no responden

Escribir código JavaScript para las páginas Web puede ser una experiencia frustrante para los programadores ya que el entorno de ejecución, el navegador Web, no se utiliza normalmente para tareas de depuración como el establecimiento de puntos de interrupción y ejecución de la línea por línea. Los programadores a menudo recurren al uso de los cuadros de diálogo de alerta torpes para trazar la ejecución de sus guiones. Sin embargo, Internet Explorer 9 incluye un conjunto completo de características que facilitan técnicas de depuración eficientes en el propio entorno del navegador.

Instrucciones

1 Cargar una página Web en Internet Explorer y pulse "F12" para revelar las herramientas de depuración. Las herramientas aparecen en un panel a lo largo de la parte inferior de la ventana. Haga clic en la pestaña de "escritura" para revelar las características de depuración de JavaScript. Su código se muestra en el lado izquierdo y varias herramientas de depuración están disponibles a la derecha.

2 Traza de la ejecución de la secuencia de comandos mediante la adición de declaraciones de su código para escribir en la consola de JavaScript utilizando la siguiente sintaxis:

window.console.log ( "script se ha ejecutado en este punto");

Este es un buen reemplazo para los cuadros de diálogo de alerta, porque el guión no tiene que esperar a que confirme cada cuadro de diálogo antes de continuar. Puede añadir más información a estas declaraciones mediante concatenación de cadenas, al igual que con los cuadros de diálogo de alerta. Por ejemplo:

window.console.log ( "bucle For ha alcanzado iteración" i + + "\ nCurrent valor de la suma es" + suma);

Cuando la secuencia de comandos se ejecuta en la página, haga clic en la pestaña "consola" en el lado derecho del panel de depuración para mostrar mensajes de depuración generados de esta manera.

3 Establecer un punto de interrupción en la secuencia de comandos para detener su ejecución en una determinada línea haciendo clic en el número de línea en la pantalla de código en el lado izquierdo del panel de herramientas de depuración. Aparece un punto rojo para indicar el punto de interrupción. Haga clic de nuevo para eliminarlo. Puede establecer puntos de interrupción en tantas líneas como desee. Haga clic en la pestaña "Puntos de interrupción" en el lado derecho de las herramientas de depuración para ver todos los puntos de ruptura en conjunto y desactivar o borrar.

4 Haga clic en el botón "Iniciar depuración" para recargar la página y permitir que el punto de interrupción (s). El panel de depuración se separa en su propia ventana para que puedas ver el código mejor. Cuando se alcanza un punto de interrupción, se detiene el guión, la ventana de depuración se lleva al primer plano y una flecha amarilla aparece dentro del punto rojo para indicar el punto de interrupción.

5 Continuar con la ejecución de un punto de interrupción haciendo clic en el botón verde "Continuar" o la tecla "F5". Recorrer el código línea por línea pulsando "F11". Pasar por encima de un bloque de código pulsando la tecla "F10" y salir de un bloque de código pulsando la tecla "Shift + F11." Debe continuar con la ejecución (o haga clic en "Detener depuración") antes de interactuar con la página para ejecutar secuencias de comandos adicionales.

6 Monitorear los valores de las variables utilizando el "reloj" y "locales" pestañas en la parte derecha de las herramientas de depuración. Haga clic en "reloj", haga clic en una línea vacía en la lista y escriba el nombre de la variable. A medida que se ejecuta la secuencia de comandos, el valor de esta variable se actualiza en la lista. Utilice los puntos de interrupción y / o ejecución de la línea por línea para ver el cambio de variable durante la ejecución. Revelar más información sobre la variable haciendo clic en el símbolo "+". Haga clic en la pestaña "locales" para mostrar los nombres y los valores actuales de todas las variables relevantes para la ejecución de la función actualmente.

7 Haga clic en la pestaña "Pila de llamadas" para mostrar la jerarquía de las funciones y métodos que se han invocado para alcanzar el punto de ejecución actual. Esto puede ayudar a identificar no sólo cuando estás en la ejecución del script, pero cómo llegó allí. Haga doble clic en cualquiera de las entradas de esta lista para mostrar la línea de código que llama esa función o método.