mirror of
https://github.com/HackTricks-wiki/hacktricks.git
synced 2025-10-10 18:36:50 +00:00
31 lines
1.8 KiB
Markdown
31 lines
1.8 KiB
Markdown
# Depurando JS do Lado do Cliente
|
|
|
|
{{#include ../../banners/hacktricks-training.md}}
|
|
|
|
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 valores de parâmetros) você precisa **reiniciar 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 irá **parar** o **depurador** naquele lugar. 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**.
|
|
|
|
### Substituições
|
|
|
|
Substituições do navegador permitem ter uma cópia local do código que vai ser executado e executar essa em vez da do servidor remoto.\
|
|
Você pode **acessar as substituições** em "Dev Tools" --> "Sources" --> "Overrides".
|
|
|
|
Você precisa **criar uma pasta local vazia para ser usada para armazenar as substituições**, então apenas crie uma nova pasta local e defina-a como substituição nessa página.
|
|
|
|
Então, em "Dev Tools" --> "Sources" **selecione o arquivo** que você deseja substituir e com **clique direito selecione "Save for overrides"**.
|
|
|
|
.png>)
|
|
|
|
Isso irá **copiar o arquivo JS localmente** e você poderá **modificar essa cópia no navegador**. Então, apenas adicione o comando **`debugger;`** onde você quiser, **salve** a alteração e **recarregue** a página, e toda vez que você acessar essa página da web **sua cópia local de JS será carregada** e seu comando de depuração mantido em seu lugar:
|
|
|
|
.png>)
|
|
|
|
## Referências
|
|
|
|
- [https://www.youtube.com/watch?v=BW\_-RCo9lo8\&t=1529s](https://www.youtube.com/watch?v=BW_-RCo9lo8&t=1529s)
|
|
|
|
{{#include ../../banners/hacktricks-training.md}}
|