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

Sofia Emelianova
Sofia Emelianova

A API Console Utilities permite acelerar o fluxo de trabalho de depuração com uma variedade de atalhos.

Com a API Console Utilities, você pode:

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

Para conferir uma lista completa de todos os atalhos da API Console Utilities, consulte a referência da API Console Utilities.