Cómo depurar código js en páginas HTML

Tome el navegador Google Chrome como ejemplo (Firefox es similar), suponiendo que la interfaz encuentre un "punto de interrupción":

1. Presione la tecla de acceso directo F12 para abrir Chrome. consola del navegador y haga clic en la pestaña "Fuentes", como se muestra en la figura:

2. Actualice la página web actual. La ejecución del código se detendrá en el "punto de interrupción", como se muestra en el área azul de la figura. arriba;

3. Presione la tecla de acceso directo F8 para cambiar entre diferentes puntos de interrupción. Presione la tecla de acceso directo F10 para ejecutar el código del programa paso a paso, de modo que pueda ubicar fácilmente el área de error y eliminar el error.

Descripción: Firefox es similar a Google, pero tiene una interfaz ligeramente diferente.