Débogage du JS côté client

Reading time: 2 minutes

Débogage du JS côté client

tip

Apprenez et pratiquez le hacking AWS :HackTricks Training AWS Red Team Expert (ARTE)
Apprenez et pratiquez le hacking GCP : HackTricks Training GCP Red Team Expert (GRTE)

Soutenir HackTricks

Déboguer le JS côté client peut être pénible car chaque fois que vous changez l'URL (y compris un changement dans les paramètres utilisés ou les valeurs des paramètres), vous devez réinitialiser le point d'arrêt et recharger la page.

debugger;

Si vous placez la ligne debugger; à l'intérieur d'un fichier JS, lorsque le navigateur exécute le JS, il va arrêter le débogueur à cet endroit. Par conséquent, une façon de définir des points d'arrêt constants serait de télécharger tous les fichiers localement et de définir des points d'arrêt dans le code JS.

Remplacements

Les remplacements de navigateur permettent d'avoir une copie locale du code qui va être exécuté et d'exécuter celle-ci au lieu de celle du serveur distant.
Vous pouvez accéder aux remplacements dans "Dev Tools" --> "Sources" --> "Overrides".

Vous devez créer un dossier local vide à utiliser pour stocker les remplacements, donc créez simplement un nouveau dossier local et définissez-le comme remplacement sur cette page.

Ensuite, dans "Dev Tools" --> "Sources", sélectionnez le fichier que vous souhaitez remplacer et avec un clic droit, sélectionnez "Save for overrides".

Cela va copier le fichier JS localement et vous pourrez modifier cette copie dans le navigateur. Ajoutez simplement la commande debugger; où vous le souhaitez, enregistrez le changement et rechargez la page, et chaque fois que vous accédez à cette page web, votre copie JS locale va être chargée et votre commande de débogage maintenue à sa place :

Références

tip

Apprenez et pratiquez le hacking AWS :HackTricks Training AWS Red Team Expert (ARTE)
Apprenez et pratiquez le hacking GCP : HackTricks Training GCP Red Team Expert (GRTE)

Soutenir HackTricks