Cómo depurar JavaScript en una página web

Tomando el navegador IE8 como ejemplo, nos centraremos en presentar y demostrar cómo utilizar las herramientas de desarrollo que vienen con el navegador para depurar programas JS. (El botón de acceso directo para esta herramienta es F12)

1. En Herramientas-gt; Opciones de Internet-gt, desmarque el elemento "Deshabilitar la depuración de scripts (Internet Explorer)".

2. Desmarca la opción "Mostrar mensaje de error http amigable". Finalmente haga clic en el botón Aplicar y Aceptar.

3. Obtenga una vista previa del formulario cuando se produzca un error en el programa js que se va a ejecutar, el navegador le indicará.

4. En la ventana de mensaje de error que aparece, seleccione el botón "Sí (Y)" para ingresar a la interfaz de depuración del script de la herramienta de desarrollador que viene con el navegador IE.

5. Según la información de depuración de JS, podemos saber que el error de JS actual se debe a que no se encontró el objeto especificado "dat". Necesitamos modificar el programa JS en el diseñador de formularios y guardarlo. Debido a las necesidades del efecto de demostración, en este ejemplo, el control del cuadro de entrada de una sola línea con el valor de identificación dat no está configurado. En este ejemplo, el valor de identificación del segundo control del cuadro de entrada de una sola línea es data2. Código JS modificado.

6. Después de cambiarlo al valor data2, no aparecerá ningún mensaje de error JS durante la prueba nuevamente y el programa se podrá ejecutar normalmente.

7. Este ejemplo solo demuestra cómo utilizar las herramientas de desarrollo que vienen con IE para una depuración sencilla. Si necesita conocer otras técnicas de depuración y solución de problemas, consulte Internet y libros relacionados para aprender.