In questa pagina sono elencate le modalità di personalizzazione di Chrome DevTools.
Impostazioni
Impostazioni > Preferenze contiene molte opzioni per la personalizzazione di DevTools.
Vedi Apri impostazioni e Preferenze.
Tema scuro
Puoi attivare il tema scuro nelle Impostazioni o nel menu Comando.
- Apri il menu dei comandi.
Inizia a digitare
dark, seleziona il comando Passa al tema scuro, quindi premi Invio per eseguire il comando.
In alternativa, imposta il tema in
Impostazioni > Preferenze > Aspetto > Temi.
Tema dinamico
DevTools può abbinare automaticamente il tema a colori di Chrome.
Per impostare un tema:
- Apri una nuova scheda e fai clic su Modifica Personalizza Chrome nell'angolo in basso a destra.
- In Aspetto, scegli un tema tramite l'opzione Sfondo Cambia temi o seleziona una tavolozza dei colori.
Riquadro a scomparsa
Il Riquadro a scomparsa contiene molte funzionalità nascoste.
Premi Esc per aprire o chiudere il riquadro a scomparsa.
Fai clic su 
Altri strumenti per aprire altre schede del Riquadro a scomparsa.
Modifica posizionamento DevTools
Per impostazione predefinita, DevTools è agganciato a destra dell'area visibile. Puoi anche agganciare al lato inferiore o sinistro oppure sganciare DevTools in una finestra separata.
Puoi modificare la posizione di DevTools in due modi:
- Menu principale: apri
Personalizza e controlla DevTools e fai clic su:
Sgancia in una finestra separata
Base a sinistra
Aggancia alla base 
Ancoraggio a destra
Menu dei comandi:
- Apri il menu dei comandi.
- Inizia a digitare
docke seleziona una delle opzioni suggerite: aggancia in basso, sinistra, destra, sgancia dal dock o ripristina l'ultima posizione del dock.
Per attivare/disattivare l'opzione Ripristina l'ultima posizione del dock con una scorciatoia da tastiera, premi:
- Su Linux o Windows: Ctrl+Maiusc+D
- Su MacOS: Comando+Maiusc+D
Riordinare i riquadri, le schede e i riquadri
Per modificare l'ordine, fai clic e trascina a sinistra o a destra una delle seguenti opzioni:
- Riquadri nella parte superiore di DevTools.
- Riquadri nel riquadro Elementi, ad esempio Stili, Elaborati, Layout e altri.
- Riquadri nel riquadro Origini, ad esempio Pagina, Area di lavoro, Sostituzioni e altri.
- Riquadro a scomparsa nella parte inferiore di DevTools.
Inoltre, puoi spostare riquadri e schede in alto e in basso da e verso il Riquadro a scomparsa. Per farlo, fai clic con il tasto destro del mouse sul riquadro o sulla scheda e seleziona Sposta in alto o Sposta in basso dal menu a discesa.
L'ordine delle schede personalizzate persiste in tutte le sessioni DevTools.
Layout del riquadro
Per impostazione predefinita, DevTools riorganizza automaticamente il layout del riquadro in base alle dimensioni della finestra. Puoi disattivare la riorganizzazione automatica. Vai a Impostazioni > aggiorna il layout del riquadro in base alle tue preferenze.
Ad esempio, se le dimensioni dello schermo sono ridotte, il riquadro Stili nel riquadro Elementi si sposterà lateralmente verso il basso. Se vuoi che il riquadro Stile rimanga sempre laterale, modifica il layout del riquadro impostandolo su verticale.
Modifica la lingua dell'interfaccia utente di DevTools
Vedi 
Impostazioni > Preferenze > Aspetto > Lingua.
Impostazioni sincronizzazione
Puoi sincronizzare le tue impostazioni DevTools su più dispositivi.
Per abilitare la sincronizzazione, attiva prima Sincronizzazione Chrome. Una volta attivata, le impostazioni di DevTools vengono sincronizzate per impostazione predefinita.
Puoi attivare o disattivare la sincronizzazione separata delle impostazioni di DevTools utilizzando la casella di controllo 
Impostazioni > Sincronizzazione > 
Attiva sincronizzazione delle impostazioni.
DevTools sincronizza la maggior parte delle impostazioni, ad eccezione di quelle delle schede Area di lavoro, Esperimenti e Dispositivi, oltre che di alcune altre impostazioni generali. Anche lo stato della casella di controllo Attiva la sincronizzazione delle impostazioni viene sincronizzato su tutti i dispositivi.
Ad esempio, le seguenti impostazioni di Aspetto sono sincronizzate, in modo da avere un'esperienza coerente su tutti i dispositivi e non sarà necessario ridefinire le stesse impostazioni.
Tuttavia, l'impostazione del dock non viene sincronizzata perché gli sviluppatori hanno preferenze dock diverse durante il debug su siti diversi.
Personalizzazione delle scorciatoie da tastiera
Vedi Impostazioni > Scorciatoie.