Dicas do DevTools: snippets e expressões ao vivo

Sofia Emelianova

Use os Snippets no DevTools para executar o código que você usa com frequência e a expressão ao vivo para monitorar os valores do JavaScript em tempo real.

Assista ao vídeo para saber como:

• Crie um snippet ou abra o painel Snippets:

  • Com o Command Menu
  • Em Origens > Snippets.

• Execute o novo snippet:

  • Com o atalho Command / Control + Enter em Origens
  • No Command Menu, usando !.

• Transmita valores para o snippet:

  1. Faça uma pausa com um ponto de interrupção.
  2. Defina valores no painel Origens > Escopo.
  3. Retomar a execução.

• Executar snippets no Console: carregue-os como funções globais e execute uma vez.

• Use a API Console Utilities nos seus snippets.

• Use Console > Expressões ao vivo:

  • Para executar um código que você quer executar repetidamente, por exemplo, durante uma sessão de depuração.
  • Observe como os valores mudam durante a execução em tempo real.

Para saber mais, veja:

• Executar comandos no Command Menu
• Executar snippets de JavaScript
• Referência da API Console Utilities
• Observar valores JavaScript em tempo real com as expressões em tempo real