hacktricks/pentesting-web/xss-cross-site-scripting/debugging-client-side-js.md
2023-06-03 01:46:23 +00:00

5 KiB

Depuración de JS del lado del cliente

Depuración de JS del lado del cliente

☁️ HackTricks Cloud ☁️ -🐦 Twitter 🐦 - 🎙️ Twitch 🎙️ - 🎥 Youtube 🎥

Depurar JS del lado del cliente puede ser un dolor de cabeza porque cada vez que cambias la URL (incluyendo un cambio en los parámetros utilizados o los valores de los parámetros) necesitas restablecer el punto de interrupción y volver a cargar la página.

debugger;

Si colocas la línea debugger; dentro de un archivo JS, cuando el navegador ejecuta el JS, 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 copia 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 quieras, 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 se mantendrá tu comando de depurador en su lugar:

Referencias

☁️ HackTricks Cloud ☁️ -🐦 Twitter 🐦 - 🎙️ Twitch 🎙️ - 🎥 Youtube 🎥