# Depuração de JS do Lado do Cliente

## Depuração de JS do Lado do Cliente

<details>

<summary><strong>Aprenda hacking no AWS do zero ao herói com</strong> <a href="https://training.hacktricks.xyz/courses/arte"><strong>htARTE (HackTricks AWS Red Team Expert)</strong></a><strong>!</strong></summary>

Outras formas de apoiar o HackTricks:

* Se você quer ver sua **empresa anunciada no HackTricks** ou **baixar o HackTricks em PDF**, confira os [**PLANOS DE ASSINATURA**](https://github.com/sponsors/carlospolop)!
* Adquira o [**material oficial PEASS & HackTricks**](https://peass.creator-spring.com)
* Descubra [**A Família PEASS**](https://opensea.io/collection/the-peass-family), nossa coleção de [**NFTs**](https://opensea.io/collection/the-peass-family) exclusivos
* **Junte-se ao grupo** 💬 [**Discord**](https://discord.gg/hRep4RUj7f) ou ao [**grupo do telegram**](https://t.me/peass) ou **siga-me** no **Twitter** 🐦 [**@carlospolopm**](https://twitter.com/carlospolopm)**.**
* **Compartilhe suas técnicas de hacking enviando PRs para os repositórios github do** [**HackTricks**](https://github.com/carlospolop/hacktricks) e [**HackTricks Cloud**](https://github.com/carlospolop/hacktricks-cloud).

</details>

Depurar JS do lado do cliente pode ser complicado porque toda vez que você muda a URL (incluindo uma mudança nos parâmetros usados ou nos valores dos parâmetros) você precisa **redefinir o ponto de interrupção e recarregar a página**.

### `debugger;`

Se você colocar a linha `debugger;` dentro de um arquivo JS, quando o **navegador** executar o JS, ele vai **parar** o **depurador** naquele ponto. Portanto, uma maneira de definir pontos de interrupção constantes seria **baixar todos os arquivos localmente e definir pontos de interrupção no código JS**.

### Overrides

Overrides do navegador permitem ter uma cópia local do código que será executado e executar essa cópia em vez da do servidor remoto.\
Você pode **acessar os overrides** em "Ferramentas do Desenvolvedor" --> "Sources" --> "Overrides".

Você precisa **criar uma pasta local vazia para ser usada para armazenar os overrides**, então apenas crie uma nova pasta local e defina-a como override nessa página.

Depois, em "Ferramentas do Desenvolvedor" --> "Sources" **selecione o arquivo** que você quer sobrescrever e com o **clique direito selecione "Salvar para overrides"**.

![](<../../.gitbook/assets/image (649).png>)

Isso vai **copiar o arquivo JS localmente** e você poderá **modificar essa cópia no navegador**. Então, basta adicionar o comando **`debugger;`** onde você quiser, **salvar** a alteração e **recarregar** a página, e toda vez que você acessar essa página web **sua cópia local de JS será carregada** e seu comando de depuração mantido no lugar:

![](<../../.gitbook/assets/image (648).png>)

## Referências

* [https://www.youtube.com/watch?v=BW\_-RCo9lo8\&t=1529s](https://www.youtube.com/watch?v=BW\_-RCo9lo8\&t=1529s)

<details>

<summary><strong>Aprenda hacking no AWS do zero ao herói com</strong> <a href="https://training.hacktricks.xyz/courses/arte"><strong>htARTE (HackTricks AWS Red Team Expert)</strong></a><strong>!</strong></summary>

Outras formas de apoiar o HackTricks:

* Se você quer ver sua **empresa anunciada no HackTricks** ou **baixar o HackTricks em PDF**, confira os [**PLANOS DE ASSINATURA**](https://github.com/sponsors/carlospolop)!
* Adquira o [**material oficial PEASS & HackTricks**](https://peass.creator-spring.com)
* Descubra [**A Família PEASS**](https://opensea.io/collection/the-peass-family), nossa coleção de [**NFTs**](https://opensea.io/collection/the-peass-family) exclusivos
* **Junte-se ao grupo** 💬 [**Discord**](https://discord.gg/hRep4RUj7f) ou ao [**grupo do telegram**](https://t.me/peass) ou **siga-me** no **Twitter** 🐦 [**@carlospolopm**](https://twitter.com/carlospolopm)**.**
* **Compartilhe suas técnicas de hacking enviando PRs para os repositórios github do** [**HackTricks**](https://github.com/carlospolop/hacktricks) e [**HackTricks Cloud**](https://github.com/carlospolop/hacktricks-cloud).

</details>