---
title: Console Web
slug: Tools/Web_Console
tags:
  - Ajuda
  - Debugging
  - Desenvolvimento
  - Desenvolvimento Web
  - Dicas
  - Ferramentas
  - Ferramentas Para Desenvolvimento Web
  - NeedsTranslation
  - Tools
  - TopicStub
  - Web Development
  - 'Web Development:Tools'
  - web console
translation_of: Tools/Web_Console
---
<div>{{ToolsSidebar}}</div>

<p><strong>O Web Console</strong></p>

<ol>
 <li>Registra informações associadas a uma página da internet: solicitações de rede, JavaScript, CSS, erros de segurança e avisos, bem como mensagens de erro, avisos e informações explicitamente registradas pelo código JavaScript em execução na página</li>
 <li>Permite que você interaja com uma página da web, executando expressões JavaScript na página</li>
</ol>

<p>{{EmbedYouTube("C6Cyrpkb25k")}}</p>

<div class="column-container">
<div class="column-half">
<dl>
 <dt><a href="/pt-BR/docs/Tools/Web_Console/Opening_the_Web_Console">Abrindo o Console</a></dt>
 <dd>Como começar a usar o Console.</dd>
 <dt><a href="/pt-BR/docs/Tools/Web_Console/The_command_line_interpreter">O interpretador de linhas de comando</a></dt>
 <dd>Como interagir com uma página usando o Console.</dd>
 <dt><a href="/pt-BR/docs/Tools/Web_Console/Split_console">Dividir a página com o Console</a></dt>
 <dd>Use o Console ao lado de outras ferramentas.</dd>
</dl>
</div>

<div class="column-half">
<dl>
 <dt><a href="/pt-BR/docs/Tools/Web_Console/Console_messages">Mensagens do Console</a></dt>
 <dd>Detalhes das mensagens de log do Console.</dd>
 <dt><a href="/pt-BR/docs/Tools/Web_Console/Rich_output">Saída detalhada</a></dt>
 <dd>Veja e interaja com os itens registrados pelo Console.</dd>
 <dt><a href="/pt-BR/docs/Tools/Web_Console/Keyboard_shortcuts">Atalhos do teclado</a></dt>
 <dd>Referência para atalhos.</dd>
</dl>
</div>
</div>