aboutsummaryrefslogtreecommitdiff
path: root/files/pt-br/tools/debugger/set_a_logpoint/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/pt-br/tools/debugger/set_a_logpoint/index.html')
-rw-r--r--files/pt-br/tools/debugger/set_a_logpoint/index.html53
1 files changed, 53 insertions, 0 deletions
diff --git a/files/pt-br/tools/debugger/set_a_logpoint/index.html b/files/pt-br/tools/debugger/set_a_logpoint/index.html
new file mode 100644
index 0000000000..0a9b75f07d
--- /dev/null
+++ b/files/pt-br/tools/debugger/set_a_logpoint/index.html
@@ -0,0 +1,53 @@
+---
+title: Set a logpoint
+slug: Tools/Depurador/Set_a_logpoint
+translation_of: Tools/Debugger/Set_a_logpoint
+---
+<p>{{ToolsSidebar}}</p>
+
+<p>As vezes você quer ver um valor em seu código mas sem pausar a execução dele. Ao enves de encher seu código com vários console.log, você pode usar o novo tipo de breakpoint adicionado ao Firefox 67, o logpoint. Logpoints mostram uma mensagem no console sem a necessidade de pausar a execução do código.</p>
+
+<p><font color="#000000" face="Arial"><span style="font-size: 14.6667px; white-space: pre-wrap;">O logpoint é especialmente util em casos onde parar a execução também quebrará a execução da reprodução de testes, como quando se está debugando uma janela popup, ou executando uma focus-related logic.</span></font></p>
+
+<p>Para criar um logpoint:</p>
+
+<ol>
+ <li><font color="#000000" face="Arial"><span style="font-size: 14.6667px; white-space: pre-wrap;">Clique com o direitro em uma linha no painel de Debug e selecione<strong> Add log </strong>do context menu.</span></font></li>
+</ol>
+
+<p><span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><img alt="" src="https://mdn.mozillademos.org/files/16601/add_logpoint.png" style="display: block; height: 121px; margin: 0px auto; width: 241px;"></span></p>
+
+<ol start="2">
+ <li><span id="docs-internal-guid-5f0d040f-7fff-0163-73d5-1dee8cb97d31" style="background-color: transparent; color: #000000; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Crie uma expresão inline. O resultado irá ser apresentado no console, toda vez que encontrar os logpoints. Você pode usar qualquer variável ou funcção disponível no escopo atual.</span></li>
+</ol>
+
+<p><span style="background-color: transparent; color: #000000; font-family: Arial; font-size: 11pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><img alt="" src="https://mdn.mozillademos.org/files/16646/creating_the_log_point.png" style="border: 1px solid black; display: block; height: 67px; margin: 0px auto; width: 312px;"></span></p>
+
+<h2 id="Trabalhando_com_logpoints">Trabalhando com logpoints</h2>
+
+<p>Quando você set um logpoint, o indicador é roxo, ao enves de azul de um incondicional breakpoint ou laranja de um condicional breakpoint.</p>
+
+<p>Você pode ver a lista de logpoits no painel lateral de Breakpoints.</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/16645/list_logpoints.png" style="border: 1px solid black; display: block; height: 134px; margin: 0px auto; width: 845px;"></p>
+
+<p>Quando seu código encontra um logpoint, a mensagem que você definiu ira ser apresentada no console. Vou pode fazer isso facilmento vendo a mensagem abrindo um console dividido sob o debug. (Ou pressione s <kbd>Esc</kbd> ou selecione o menu elipsis (...) e clique em <strong>Show Split Console.</strong>)</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/16644/logpoints.png" style="border: 1px solid black; display: block; height: 370px; margin: 0px auto; width: 915px;"></p>
+
+<h3 id="Quando_devo_usar_logpoints">Quando devo usar logpoints?</h3>
+
+<ul>
+ <li>Quando você quer saber se uma linha de código específica foi executada, mas sem parar a execução do código, insira um logpoint.</li>
+ <li>Logpoints são bastante uteis para mostrar o valor de uma variável em um ponto específico do código. É mais rápido alterar o código fonte subjacente para adicionar chamadas do que o método <code>console.log.</code></li>
+ <li>Se você precisa executar uma lógica adicional no código fonte e não pode muda-lo você mesmo, você pode usar um logpoint.</li>
+</ul>
+
+<h2 id="Veja_também">Veja também</h2>
+
+<ul>
+ <li><a href="/en-US/docs/Tools/Debugger/How_to/Set_a_breakpoint">Set a breakpoint</a></li>
+ <li><a href="/en-US/docs/Tools/Debugger/How_to/Set_a_conditional_breakpoint">Set a conditional breakpoint</a></li>
+ <li><a href="/en-US/docs/Tools/Debugger/Set_an_XHR_breakpoint">Set an XHR breakpoint</a></li>
+ <li><a href="/en-US/docs/Tools/Debugger/How_to/Disable_breakpoints">Disable breakpoints</a></li>
+</ul>