diff options
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.html | 53 |
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> |