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 fornendo 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 stringa 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.