Cómo gestionar los errores con un depurador en su juego html5

Abra la ventana de herramientas de desarrollo.

Si la derecha, haga clic en cualquier lugar de la página y elija Inspeccionar elemento, se obtiene una maravillosa herramienta de depuración.

Inspeccionar la página con la ficha Elementos.

La pestaña por defecto que muestra la página en una vista de esquema, que le permite ver la estructura de la página. Si hace clic en cualquier elemento en el esquema, se puede ver qué estilos están asociados con ese elemento. El elemento real también se pone de relieve en la página principal para que pueda ver exactamente dónde está todo. Esto puede ser muy útil para comprobar el código HTML y CSS.

Mira la pestaña de la consola.

Cada vez que su código no funciona como se espera, mira a la pestaña de la consola. A menudo habrá un mensaje de error aquí que explica lo que está mal.

Mover a la pestaña Procesos.

Video: javascript. Ejemplo de un cronómetro

La herramienta de desarrollo tiene una ficha independiente para trabajar con código javascript. Seleccione la pestaña Procesos para ver toda su código a la vez. Si su página de tira en archivos javascript externos, podrás seleccionarlos aquí también.

Establecer un punto de interrupción.

Por lo general, deja que el programa comience a velocidad normal y reducir la velocidad justo antes de que llegue a un punto de conflicto. En este caso, usted está interesado en el contar() función, así que haga clic en la primera línea (17) de esa función en la ventana de código. (Es más fiable para hacer clic en la primera línea de la función que la línea que dice que él, así que haga clic en la línea 17 en lugar de la línea 16.)

Recarga la página.

En el navegador principal, haga clic en el botón Actualizar o presione la tecla F5 para actualizar la página. La página inicial puede estar en blanco. Eso está bien - que significa que el programa ha hecho una pausa cuando se encontró con la función.

Entra en la siguiente línea.

En la herramienta de desarrollo son una serie de botones en la parte superior de la columna de la derecha. Haga clic en el Paso en el botón siguiente línea, que se parece a una flecha hacia abajo con un punto debajo de ella. También puede pulsar la tecla F11 para activar el comando.

Su página se encuentra en funcionamiento.

Si uno mira hacia atrás a través de la página principal, usted debe ver que es ahora en marcha. No pasa nada, porque todavía no ha activado cualquiera de los botones.

Haga clic en el botón de Conde.

El botón conde debe activar el código en el contar función. Haga clic en este botón para ver si eso es lo que sucede.

Código debe ser una pausa en la línea 17.

De vuelta en la ventana de código, la línea 17 está resaltado. Eso significa que el navegador está en pausa, y cuando se activa el botón Paso, el código resaltado ejecuta.

Paso un par de veces.

Utilice la tecla F11 o el paso en el botón de línea junto al paso hacia adelante un par de veces. Ver cómo el punto culminante se mueve alrededor, porque se puede ver el bucle pasando. Esto es muy útil cuando el código no se está comportando correctamente, ya que le permite ver exactamente cómo el procesador está moviendo a través de su código.

Pase el ratón sobre la variable yo en el código.

Cuando esté en modo de depuración, se puede pasar el ratón por encima de cualquier variable en la ventana de código, y verá lo que el valor actual de esa variable es. A menudo, cuando el código está funcionando mal, es porque una variable no está haciendo lo que usted piensa que es.

Añadir una expresión de inspección para simplificar mirando variables.

Si piensa que el bucle no se comporta, se puede añadir una ver la expresión para hacer más fácil la depuración. Justo debajo de los botones de paso verás una pestaña llamada ver expresiones. Haga clic en el signo más para agregar una nueva expresión. Tipo yo y pulse Enter.

Continuar recorrer el código.

Ahora puede continuar con el paso a través del código y ver lo que está sucediendo a la variable. Esto es muy útil cuando el código no está funcionando como se desea.