Set a logpoint

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.

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.

Para criar um logpoint:

  1. Clique com o direitro em uma linha no painel de Debug e selecione Add log do context menu.

  1. 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.

Trabalhando com logpoints

Quando você set um logpoint, o indicador é roxo, ao enves de azul de um incondicional breakpoint ou laranja de um condicional breakpoint.

Você pode ver a lista de logpoits no painel lateral de Breakpoints.

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 Esc ou selecione o menu elipsis (...) e clique em Show Split Console.)

Quando devo usar logpoints?

  • 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.
  • 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 console.log.
  • 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.

Veja também