Dicas do DevTools: snippets e expressões ao vivo

Sofia Emelianova
Sofia Emelianova
GitHub

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

Assista o vídeo para saber como:

  • Crie um snippet ou abra o painel Snippets:

  • Execute seu novo snippet:

    • Use o atalho Command / Control + Enter em Fontes.
    • No menu de comando, usando !.

  • Transmita valores ao snippet:

    1. Pause com um ponto de interrupção.
    2. Defina os valores no painel Origens > Escopo.
    3. Retome a execução.

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

  • Use a API Console Assets nos snippets.

  • Use o Console > Live Expressions:

    • Para executar uma parte do 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: