Questa pagina elenca i modi in cui puoi personalizzare Chrome DevTools.
Impostazioni
Impostazioni > Preferenze contiene molte opzioni per personalizzare DevTools.
Vedi Apri Impostazioni e Preferenze.
Tema scuro
Puoi attivare il tema scuro in Impostazioni o nel menu di 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 Personalizza Chrome nell'angolo in basso a destra.
- In Aspetto, scegli un tema nello Cambia temi o seleziona una tavolozza dei colori.
Per disattivare i temi dinamici, deseleziona Settings > Preferences > Appearance > Match Chrome color scheme e ricarica DevTools.
Riquadro a scomparsa
Il riquadro 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 laterale.
Modificare il posizionamento di DevTools
Per impostazione predefinita, DevTools è agganciato a destra dell'area visibile. Puoi anche agganciarlo ai lati inferiore o sinistro oppure sganciare DevTools in una finestra separata.
Puoi modificare il posizionamento di DevTools in due modi:
- Menu principale: apri Personalizza e controlla DevTools e fai clic su:
- Sgancia in una finestra separata
- Aggancia a sinistra
- Dock in basso
- Aggancia a destra
Menu dei comandi:
- Apri il menu dei comandi.
- Inizia a digitare
docke seleziona una delle opzioni suggerite: aggancia in basso, a sinistra, a destra, sgancia o ripristina l'ultima posizione di aggancio.
Per attivare/disattivare l'opzione Ripristina l'ultima posizione del dock con una scorciatoia da tastiera, premi:
- Su Linux o Windows: Control+Maiusc+D
- Su macOS: Comando+Maiusc+D
Riordinare pannelli, schede e riquadri
Per modificare l'ordine, fai clic e trascina verso sinistra o verso destra uno dei seguenti elementi:
- Riquadri nella parte superiore di DevTools.
- Riquadri nel riquadro Elementi, ad esempio Stili, Calcolata, Layout e altri.
- Riquadri nel riquadro Origini, ad esempio Pagina, Spazio di lavoro, Sostituzioni e altri.
- Schede del riquadro a scomparsa nella parte inferiore di DevTools.
Inoltre, puoi spostare riquadri e schede verso l'alto e verso il basso verso e dal riquadro di navigazione. Per farlo, fai clic con il tasto destro del mouse sul riquadro o sulla scheda e seleziona Sposta in cima o Sposta in fondo dal menu a discesa.
L'ordine delle schede personalizzate viene mantenuto nelle sessioni di DevTools.
Layout del riquadro
Per impostazione predefinita, DevTools riorganizza automaticamente il layout del riquadro in base alle dimensioni della finestra. Puoi disattivare il riordinamento automatico. Vai a Impostazioni > Preferenze > Aspetto e aggiorna il layout del riquadro in base alle tue preferenze.
Ad esempio, il riquadro Stili nel riquadro Elementi si sposta dal lato verso il basso quando le dimensioni dello schermo sono ridotte. Se vuoi che il riquadro Stile rimanga sempre a lato, imposta il layout del riquadro su verticale.
Cambia la lingua dell'interfaccia utente di DevTools
Vedi le Impostazioni > Preferenze > Aspetto > Lingua.
Impostazioni sincronizzazione
Puoi sincronizzare le impostazioni di DevTools su più dispositivi.
Per attivare la sincronizzazione, devi prima attivare la Sincronizzazione Chrome. Una volta attivate, le impostazioni di DevTools vengono sincronizzate per impostazione predefinita.
Puoi attivare o disattivare la sincronizzazione delle impostazioni di DevTools separatamente utilizzando la casella di controllo Impostazioni > Sincronizza > Attiva la sincronizzazione delle impostazioni.
DevTools sincronizza la maggior parte delle impostazioni, ad eccezione di quelle nelle schede Spazio di lavoro, Esperimenti e Dispositivi e di alcune altre impostazioni generali. Anche lo stato della casella di controllo Attiva la sincronizzazione delle impostazioni viene sincronizzato tra i dispositivi.
Ad esempio, le seguenti impostazioni di Aspetto sono sincronizzate in modo da offrirti un'esperienza uniforme su tutti i dispositivi e non sarà necessario ridefinire le stesse impostazioni.
Tuttavia, l'impostazione del base non viene sincronizzata perché gli sviluppatori hanno preferenze relative al dock diverse durante il debug su siti diversi.
Personalizza scorciatoie da tastiera
Consulta Impostazioni > Scorciatoie.
Attivare gli esperimenti
Consulta Impostazioni > Esperimenti.