Dicas do DevTools: snippets e expressões ao vivo

Sofia Emelianova
Sofia Emelianova
GitHub

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:

  • 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: