Debugging Client Side JS
Depuración de JS del lado del cliente
Depurar JS del lado del cliente puede ser un dolor de cabeza porque cada vez que cambias la URL (incluido un cambio en los parámetros utilizados o los valores de los parámetros) necesitas restablecer el punto de interrupción y recargar la página.
debugger;
debugger;Si colocas la línea debugger; dentro de un archivo JS, cuando el navegador ejecuta el JS, se detendrá el depurador en ese lugar. Por lo tanto, una forma de establecer puntos de interrupción constantes sería descargar todos los archivos localmente y cambiar los puntos de interrupción en el código JS.
Anulaciones
Las anulaciones del navegador permiten tener una copia local del código que se va a ejecutar y ejecutar esa en lugar de la del servidor remoto. Puedes acceder a las anulaciones en "Herramientas de desarrollo" --> "Fuentes" --> "Anulaciones".
Necesitas crear una carpeta local vacía para almacenar las anulaciones, así que simplemente crea una nueva carpeta local y configúrala como anulación en esa página.
Luego, en "Herramientas de desarrollo" --> "Fuentes" selecciona el archivo que deseas anular y con clic derecho selecciona "Guardar para anulaciones".
Esto copiará el archivo JS localmente y podrás modificar esa copia en el navegador. Así que simplemente agrega el comando debugger; donde desees, guarda el cambio y recarga la página, y cada vez que accedas a esa página web se cargará tu copia local de JS y tu comando de depuración se mantendrá en su lugar:
Referencias
Última actualización
