1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
|
---
title: Abrindo o Web Console
slug: Tools/Web_Console/Opening_the_Web_Console
tags:
- Ferramentas
- Navegador
- console
- web console
translation_of: Tools/Web_Console/UI_Tour
---
<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 (>>). 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>
|
