Strumenti

Riferimento Rapido Chrome DevTools

Cheat sheet pronto da stampare per Riferimento Rapido Chrome DevTools, organizzato per consultazione rapida, studio e uso da scrivania

Fonte
Chrome DevTools Documentation (developer.chrome.com/docs/devtools)
Licenza
MIT
Aggiornato
2026-03-27

Esempio

Cosa contiene questo cheat sheet

  • Elements
  • Console
  • Network
  • Sources
  • Performance
  • Application
  • Lighthouse
  • Scorciatoie
  • Debug Mobile
  • Pattern Comuni

Ispezione e Modifica

Clic destro -> IspezionaApre il pannello Elements per l'elemento
Doppio clic su tag/attributoModifica HTML inline
Tasto CancElimina il nodo selezionato
Ctrl+ZAnnulla modifica DOM
Tasto HAlterna visibilità dell'elemento selezionato
Trascina nodoSposta elemento nell'albero DOM

Pannello Stili

element.style {}Aggiunge stili inline all'elemento
Clic sul valore proprietàModifica il valore CSS in tempo reale
Casella accanto alla regolaAttiva/disattiva proprietà CSS
Pulsante :hovForza pseudo-stati (:hover, :focus)
Pulsante .clsAggiunge/rimuove classi CSS
Campione coloreApre il selettore colore
Tab ComputedVisualizza valori CSS calcolati definitivi

Scarica il cheat sheet completo con tutte le sezioni, formattato per la stampa

Scarica PDF

Download

Scegli la variante adatta al tuo modo di leggere