Suggerimenti per l'uso di Chrome DevTools

Questa pagina fornisce uno schema di suggerimenti per l’uso dei Chrome Developer Tools (DevTools), includendo varie operazioni di debug, monitoraggio della rete, analisi delle prestazioni e altro ancora.

Pannello Elements (Elementi)

Operazione	Scorciatoia
Apri DevTools	F12 o Ctrl + Shift + I
Attiva/disattiva barra degli strumenti del dispositivo	Ctrl + Shift + M
Aggiorna e svuota la cache	Ctrl + Shift + R
Visualizza menu contestuale dell’elemento	Tasto destro
Modifica elemento	Enter
Elimina elemento	Delete
Copia elemento	Ctrl + C
Incolla elemento	Ctrl + V
Visualizza regole CSS dell’elemento	Ctrl + Shift + C

Pannello Console

Operazione	Scorciatoia
Apri Console	Esc
Cancella Console	Ctrl + L
Copia testo selezionato	Ctrl + C
Incolla testo	Ctrl + V
Visualizza cronologia comandi	Freccia su e Freccia giù
Visualizza dettagli oggetto	Ctrl + Shift + C

Pannello Network (Rete)

Operazione	Scorciatoia
Avvia/Interrompi registrazione attività di rete	Ctrl + E
Cancella log di rete	Ctrl + R
Filtra richieste	Ctrl + F
Visualizza dettagli richiesta	Ctrl + Shift + C

Pannello Performance (Prestazioni)

Operazione	Scorciatoia
Avvia/Interrompi registrazione prestazioni	Ctrl + E
Esporta prestazioni registrate	Ctrl + S
Filtra eventi	Ctrl + F

Pannello Memory (Memoria)

Operazione	Scorciatoia
Scatta istantanea (Snapshot)	Ctrl + S
Esporta istantanea	Ctrl + Shift + S
Filtra istantanee	Ctrl + F

Pannello Application (Applicazione)

Operazione	Scorciatoia
Aggiorna applicazione	Ctrl + R
Cancella memoria (Storage)	Ctrl + Shift + R
Filtra dati	Ctrl + F

Pannello Security (Sicurezza)

Operazione	Scorciatoia
Visualizza certificato	Ctrl + Shift + C
Ricarica pagina e ignora cache	Ctrl + Shift + R

Varie (Misc)

Operazione	Scorciatoia
Apri Impostazioni	F1
Cambia tema	Ctrl + Shift + P poi scrivi theme
Visualizza scorciatoie	Ctrl + Shift + P poi scrivi shortcuts Italia