> For the complete documentation index, see [llms.txt](https://docs.roboteasy.tech/studio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.roboteasy.tech/studio/geral/painel-debug-no-genesis.md).

# Painel DEBUG no Genesis

### Visão Geral

O **Painel de Debug** é a ferramenta do Genesis que permite inspecionar em tempo real o estado dos componentes e variáveis durante a execução do robô. Ao definir um **breakpoint** em um componente (ícone da aranha vermelha 🕷️), a execução é pausada naquele ponto e o painel abre exibindo todos os dados do componente e do projeto.

<figure><img src="/files/ELAVllK8LGLEDoWwAKN2" alt=""><figcaption></figcaption></figure>

<p align="center">Painel <strong>Debug</strong> aberto exibindo as variáveis do componente e do projeto</p>

***

### Pré-requisitos

* Rotina aberta no Genesis com pelo menos um componente configurado
* Modo **Depurar** ativado na barra superior

***

### Como usar

#### Passo 1 — Ativar o modo Depurar

Na barra superior do Genesis, clique no botão **▶ (seta com ícone de bug)** para alternar a execução para o modo **Depurar**.

<figure><img src="/files/udcuCgLW4Ox8lLgwXpzF" alt=""><figcaption></figcaption></figure>

<p align="center">Botão <strong>Depurar</strong> na barra superior e ícone da aranha vermelha no componente</p>

#### Passo 2 — Definir o breakpoint no componente

Passe o mouse sobre o componente onde deseja pausar a execução e clique no ícone da **aranha vermelha 🕷️** que aparece no canto direito do componente. O ícone indica que há um breakpoint ativo — a rotina será pausada neste ponto durante a execução.

#### Passo 3 — Executar em modo Depurar

Execute a rotina normalmente. Ao chegar no componente com breakpoint, a execução será **pausada automaticamente** e o **Painel de Debug** abrirá exibindo o estado atual das variáveis.

#### Passo 4 — Inspecionar o estado

No painel de Debug, duas seções principais são exibidas na árvore:

* **Componente** — dados do componente em execução (ex: `browseOpen1874` do tipo `WebAutomation`). Expanda para ver todas as propriedades do componente.
* **Projeto** — variáveis globais do projeto, como:
  * `caminhoDiretorioImagensDeElementos` — caminho onde ficam as imagens de elementos
  * `result` — retorno da última ação (ex: `RPA001-Sucesso!`)
  * `outParams` — parâmetros de saída
  * `BreakPoint` — indica se o modo breakpoint está ativo

<figure><img src="/files/xus3jrqIJBOqRk3Un2pb" alt=""><figcaption></figcaption></figure>

<p align="center">Propriedades expandidas do componente <strong>browseOpen1874</strong> com detalhes de URL, extensões, proxy, etc.</p>

#### Passo 5 — Controlar a execução

Na parte inferior do painel, use os botões de controle para seguir com a depuração:

<figure><img src="/files/mvJuAaShYOlCPDhWtiLX" alt=""><figcaption></figcaption></figure>

<p align="center">Botões de controle do painel de Debug</p>

* **Parar (F12)** — encerra a execução e fecha o painel
* **Continuar (F5)** — retoma a execução normalmente até o próximo breakpoint (ou até o fim da rotina)
* **Próximo (F11)** — executa apenas o próximo componente e pausa novamente

***

#### Passo 6 — Remover o breakpoint

Para retirar o breakpoint de um componente, clique novamente no ícone da **aranha vermelha**. A execução passará a não pausar mais naquele ponto.

***

### Campos do painel de Debug

A tabela de variáveis exibe três colunas:

| Coluna   | Descrição                                                                   |
| -------- | --------------------------------------------------------------------------- |
| Variável | Nome da variável ou propriedade                                             |
| Tipo     | Tipo de dado (String, Boolean, WebAutomation, ResponseDto, OutParams, etc.) |
| Valor    | Valor atual da variável no momento da pausa                                 |

Cada coluna possui um ícone de **filtro (🔽)** que permite filtrar rapidamente pelos valores exibidos.

<figure><img src="/files/KI3zQASW44C0mRzcdDMg" alt=""><figcaption></figcaption></figure>

***

### Observações e dicas

* 💡 Use o **Painel de Debug** para diagnosticar por que um componente não está se comportando como esperado — inspecionar as propriedades do componente em tempo real costuma apontar o problema (URL errada, parâmetro nulo, variável não atribuída, etc.).
* 💡 Defina breakpoints **logo antes** do ponto suspeito da rotina. Isso evita que você precise passar pelos componentes iniciais a cada depuração.
* 💡 Use **Próximo (F11)** quando quiser acompanhar a rotina componente a componente após o breakpoint — útil para entender o fluxo de execução.
* 💡 Use **Continuar (F5)** quando já identificou o problema e quer seguir até outro ponto de interesse ou até o fim da rotina.
* 💡 A seção **Projeto** do painel mostra as variáveis globais do projeto — é o lugar certo para verificar se uma variável global tem o valor esperado em determinado ponto da execução.
* ⚠️ O modo **Depurar** precisa estar ativo (botão na barra superior) para que os breakpoints funcionem. Com a execução normal, os breakpoints são ignorados.
* ⚠️ Parar a depuração com **F12** encerra completamente a execução — a rotina não continua de onde parou.