1 files changed, 64 insertions, 0 deletions
diff --git a/files/pt-br/tools/web_console/ui_tour/index.html b/files/pt-br/tools/web_console/ui_tour/index.html
new file mode 100644
index 0000000000..22f39124d7
--- /dev/null
+++ b/files/pt-br/tools/web_console/ui_tour/index.html
@@ -0,0 +1,64 @@
+---
+title: Abrindo o Web Console
+slug: Tools/Web_Console/UI_Tour
+tags:
+  - Ferramentas
+  - Navegador
+  - console
+  - web console
+translation_of: Tools/Web_Console/UI_Tour
+original_slug: Tools/Web_Console/Opening_the_Web_Console
+---
+<div>{{ToolsSidebar}}</div>
+
+<p>Para abrir o Web Console:</p>
+
+<ul>
+ <li>selecione "Web Console" no submenu Web Developer no menu do Firefox (ou no menu Ferramentas se você exibir a barra de menus ou estiver no Mac OS X)</li>
+ <li>ou pressione o atalho do teclado <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>K</kbd> (<kbd>Command</kbd> + <kbd>Option</kbd> + <kbd>K</kbd> no OS X).</li>
+</ul>
+
+<p>As <a href="https://developer.mozilla.org/pt-BR/docs/Tools/DevTools_Window" title="Ferramentas">Ferramentas</a> vão aparecer na parte inferior da janela do navegador, com o Web Console ativado (é chamado apenas de "Console" nas <a href="/pt-BR/docs/Tools/DevTools_Window#Toolbar" title="Ferramentas">Ferramentas</a>):</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/16999/new-console-screenshot.png"></p>
+
+<p>A interface do console da Web é dividida em três seções horizontais, detalhadas nas seções abaixo.</p>
+
+<h2 id="Barra_de_ferramentas">Barra de ferramentas</h2>
+
+<p>A barra de ferramentas na parte superior contém vários recursos:</p>
+
+<p>Lata de lixo: Clique neste ícone para limpar o conteúdo do console.<br>
+ Funil: Clique neste ícone para filtrar as mensagens exibidas no console.<br>
+ Categorias de filtro: você pode clicar em uma categoria de filtro (como Erros, Avisos, CSS ou XHR) para exibir apenas esses tipos de mensagens.<br>
+ Configurações (menu "engrenagem"): novo no Firefox 71, você pode clicar no ícone de engrenagem para acessar o novo menu de configurações, onde é possível ativar e desativar os seguintes recursos:<br>
+ Persistir logs: quando ativado, o console não limpa na recarga da página ou no carregamento da nova página.<br>
+ Mostrar carimbos de data / hora: quando ativado, os carimbos de hora são mostrados no lado esquerdo de cada linha da mensagem para dizer quando as mensagens foram registradas.<br>
+ Agrupar mensagens semelhantes: quando ativado, tipos semelhantes de mensagens são agrupados.</p>
+
+
+
+<h2 id="Painel_de_exibição_de_mensagens">Painel de exibição de mensagens</h2>
+
+<p>É aqui que as mensagens aparecem, tanto as geradas pelo código na página quanto as geradas pelos comandos inseridos na linha de comandos.</p>
+
+<p>Consulte Mensagens do console para obter mais detalhes sobre o que as mensagens podem conter.</p>
+
+<p>        </p>
+
+<ul>
+ <li>
+  <div class="blockIndicator note">
+  <p><strong style="">Observação:</strong><span style=""> Você pode limpar o conteúdo do Console pressionando o atalho </span><kbd>Ctrl</kbd><span style=""> + </span><kbd>L</kbd><span style=""> (Windows, macOS, e Linux) ou </span><kbd>Cmd</kbd><span style=""> + </span><kbd>K</kbd><span style=""> no macOS.</span></p>
+  </div>
+ </li>
+</ul>
+
+
+
+<h2 id="Linha_de_comando">Linha de comando</h2>
+
+<p><br>
+ A linha de comando começa com colchetes de ângulo duplo (&gt;&gt;). Use-o para inserir expressões JavaScript.</p>
+
+<p>No Firefox 71 em diante, existe um novo ícone de "painel de divisão" no lado direito da linha de comando - clicar nele abrirá o novo modo de várias linhas do console.</p>