Dicas do DevTools: como acelerar o fluxo de trabalho com atalhos do Console

Sofia Emelianova
Sofia Emelianova

Ela fornece diversos atalhos para acelerar o fluxo de trabalho de depuração.

Com a API Console Assets, é possível:

  • Pare de digitar comandos longos, como document.querySelector(), e use atalhos $ no estilo jQuery para especificar elementos.
  • Consulte os últimos cinco elementos DOM selecionados no painel Elementos.
  • Consulte rapidamente os elementos pelo XPath, que você pode copiar no painel Elemento.
  • Consultar objetos pelos construtores deles.
  • Liste apenas as chaves ou os valores dos objetos.
  • Copiar representações de string de objetos para a área de transferência.
  • Recebe listeners de eventos.
  • Monitore eventos e chamadas de função.

Para ver uma lista abrangente de todos os atalhos da API Console Assets, consulte a referência da API Console Assets.