> ## Documentation Index
> Fetch the complete documentation index at: https://docs.replit.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Console

> Aprenda como usar o Console para ver a saída, erros e logs de atividade do seu aplicativo.

O Console permite que você monitore e revise os logs impressos pelo seu Replit App em execução em tempo real.
Você pode usar informações de execuções atuais e anteriores para entender o comportamento do seu aplicativo,
solucionar erros e otimizar o desempenho.

<Tip>
  Ao depurar usando o Agent, inclua logs do console no seu prompt para fornecer contexto.
</Tip>

<Frame>
  <img src="https://mintcdn.com/replit/9NKf1XREDj9JhKJb/images/workspace/console-tool.png?fit=max&auto=format&n=9NKf1XREDj9JhKJb&q=85&s=10bc7c8f00d946be9fb0588bbfbcec8f" alt="captura de tela da ferramenta Console do Project Editor" width="2568" height="702" data-path="images/workspace/console-tool.png" />
</Frame>

## Recursos

O Console fornece as seguintes ferramentas para ajudá-lo a entender o comportamento do seu aplicativo:

* **Registro em tempo real**: Ver a saída do seu aplicativo à medida que ela acontece
* **Assistência de IA**: Receber sugestões para corrigir erros relatados nos logs
* **Histórico de execuções**: Mostrar logs de execuções anteriores para rastrear alterações

## Uso

Você pode acessar a ferramenta Console diretamente no seu Project Editor.

<Accordion title="Como acessar o Console">
  No **dock de ferramentas** à esquerda:

  1. Selecione <img class="icon-svg" src="https://mintcdn.com/replit/X_IP1EeHGm0cA2VA/images/icons/workspace-all-tools-button.svg?fit=max&auto=format&n=X_IP1EeHGm0cA2VA&q=85&s=579643854fb13c402de516695e52c554" alt="Ícone Todas as ferramentas" width="16" height="16" data-path="images/icons/workspace-all-tools-button.svg" /> **All tools** para ver uma lista de ferramentas do Project Editor.
  2. Selecione <img class="icon-svg" src="https://mintcdn.com/replit/rJldsgYVucXB_6kW/images/icons/console.svg?fit=max&auto=format&n=rJldsgYVucXB_6kW&q=85&s=37f7aafac9aa06f60851eb8fffe9e42d" alt="Ícone do Console" width="16" height="16" data-path="images/icons/console.svg" /> **Console**.

  Na **barra de pesquisa**:

  1. Selecione a <img class="icon-svg" src="https://mintcdn.com/replit/X_IP1EeHGm0cA2VA/images/icons/workspace-search-icon.svg?fit=max&auto=format&n=X_IP1EeHGm0cA2VA&q=85&s=d3feed840da2d19e1ee4873d137114dc" alt="ícone de lupa" width="16" height="16" data-path="images/icons/workspace-search-icon.svg" /> lupa no topo para abrir a ferramenta de pesquisa
  2. Digite "Console" para localizar a ferramenta e selecione-a nos resultados.
</Accordion>

Cada vez que você usa o botão **Run** no seu Replit App, o Console exibe uma nova entrada que inclui as seguintes informações:

* O Comando que executou seu código
* Informações de timestamp
* Logs de saída padrão e de erro

A captura de tela a seguir mostra o comando `npm run dev` usado para iniciar o aplicativo e mensagens de log da execução:

<Frame>
  <img src="https://mintcdn.com/replit/9NKf1XREDj9JhKJb/images/workspace/console-log-entry.png?fit=max&auto=format&n=9NKf1XREDj9JhKJb&q=85&s=f9204aaf25d9650565f50271f74f41c9" alt="Entrada de log do Console mostrando o comando executado" width="1948" height="870" data-path="images/workspace/console-log-entry.png" />
</Frame>

<Note>
  Logs do lado do cliente, como os gerados por código HTML, CSS e JS, aparecem apenas nas ferramentas de desenvolvedor na ferramenta [Preview](/references/editor/preview).
</Note>

### Depuração com IA

Quando você encontrar erros ou outras informações nos logs que deseja entender, selecione o
botão **Ask AI** no topo da entrada. Isso abre automaticamente a aba **Agent** e
envia o conteúdo do log para análise.

### Comandos de entrada de log

O Console fornece as seguintes ferramentas para gerenciar seus logs:

* **Show Only Latest**: Alterne este controle para a posição **on** para exibir apenas a execução mais recente.
* **Recolher entrada**: Selecione a <img class="icon-svg" src="https://mintcdn.com/replit/rJldsgYVucXB_6kW/images/icons/down-arrow.svg?fit=max&auto=format&n=rJldsgYVucXB_6kW&q=85&s=56bcbb702af7e7700c87fa23be223a9d" alt="ícone de seta para baixo" height="16" width="16" data-path="images/icons/down-arrow.svg" /> seta para baixo à esquerda do nome do comando para ocultar os logs.
* **Limpar execuções anteriores**: Selecione isto para excluir os logs de execuções anteriores. Esta ação é irreversível.

### Disponibilidade de rede

Você pode controlar a disponibilidade online da versão de desenvolvimento do seu aplicativo.

Para parar de atender requisições para a URL de desenvolvimento, selecione o ícone de <img class="icon-svg" src="https://mintcdn.com/replit/rJldsgYVucXB_6kW/images/icons/network-off.svg?fit=max&auto=format&n=rJldsgYVucXB_6kW&q=85&s=83d1529d18164c45a63fab5e340e1320" alt="ícone de rede desativada" height="16" width="16" data-path="images/icons/network-off.svg" /> globo com barra
no lado direito da linha de informações de rede.

Para ativá-la, selecione o ícone de <img class="icon-svg" src="https://mintcdn.com/replit/rJldsgYVucXB_6kW/images/icons/network-on.svg?fit=max&auto=format&n=rJldsgYVucXB_6kW&q=85&s=169c03c9769dde9600939635a8b4a5c3" alt="ícone de rede ativada" height="16" width="16" data-path="images/icons/network-on.svg" /> globo.

Para ver sua URL de desenvolvimento, selecione o texto `{...}.replit.dev` na barra de localização.

<Frame>
  <img src="https://mintcdn.com/replit/9NKf1XREDj9JhKJb/images/workspace/preview-dev-url.png?fit=max&auto=format&n=9NKf1XREDj9JhKJb&q=85&s=d7009e0a58f9d0e36cefa654664231b1" alt="Localização da URL de desenvolvimento do Preview" width="1222" height="824" data-path="images/workspace/preview-dev-url.png" />
</Frame>

<Note>
  Seu aplicativo permanece acessível na ferramenta Preview mesmo quando configurado para parar de atender requisições para a URL de desenvolvimento.
</Note>

### Parar um comando de Workflow

Você pode parar um comando de Workflow em execução a partir da ferramenta Console do Project Editor.

Selecione o botão quadrado no lado direito da linha que contém o comando de execução do seu Replit App para encerrá-lo.

Para reiniciar seu aplicativo, use o botão **Run** do Workflow no topo do Project Editor.

## Próximos passos

Para saber mais sobre ferramentas relacionadas do Project Editor, consulte os seguintes recursos:

* [Preview](/references/editor/preview/): Explore a ferramenta Preview para testar seu aplicativo e visualizar a saída do console
* [Agent](/references/agent/overview/): Saiba mais sobre o Agent para ajuda com código e resolução de erros
* [Shell](/references/editor/shell/): Saiba como usar a interface de linha de comando no Project Editor.
