Suggerimenti per DevTools: come velocizzare il flusso di lavoro con le scorciatoie della console

Sofia Emelianova
Sofia Emelianova

L'API Console Utilities ti consente di velocizzare il flusso di lavoro di debug grazie a una serie di scorciatoie.

Con l'API Console Utilities puoi:

  • Non digitare più comandi lunghi come document.querySelector(), ma utilizza le scorciatoie $ in stile jQuery per specificare gli elementi.
  • Fai riferimento agli ultimi cinque elementi DOM selezionati nel riquadro Elementi.
  • Fai riferimento rapidamente agli elementi tramite il relativo XPath, che puoi copiare nel riquadro Elemento.
  • Esegui query sugli oggetti in base ai relativi costruttori.
  • Elenca solo le chiavi o i valori degli oggetti.
  • Copia le rappresentazioni di stringhe degli oggetti negli appunti.
  • Ricevi i listener di eventi.
  • Monitora gli eventi e le chiamate di funzione.

Per un elenco completo di tutte le scorciatoie dell'API Console Utilities, consulta la documentazione di riferimento dell'API Console Utilities.