Articles

Aprire Chrome DevTools

Di Kayce Basques
Technical Writer, Chrome DevTools & Lighthouse

Ci sono molti modi per aprire Chrome DevTools, perché diversi utenti vogliono un accesso veloce a diverse parti della UI di DevTools.

Aprire il pannello Elementi per ispezionare il DOM o il CSS

Quando vuoi ispezionare gli stili o gli attributi di un nodo DOM, clicca con il tasto destro sull’elemento e seleziona Ispeziona.

Figura 1. L’opzione Ispeziona

Oppure premere Command+Option+C (Mac) oControl+Shift+C (Windows, Linux, Chrome OS).

Vedi Iniziare a visualizzare e modificare i CSS.

Apri il pannello Console per visualizzare i messaggi registrati o eseguire JavaScript

Premi Command+Option+J (Mac) o Control+Shift+J (Windows, Linux, Chrome OS) per saltare direttamente nel pannello Console.

Vedi Iniziare con la console.

Aprire l’ultimo pannello che avevi aperto

remere Command+Option+I (Mac) o Control+Shift+I.

Aprire DevTools dal menu principale di Chrome

Cliccare Personalizza e controlla Google Chrome e poi selezionare Altri strumenti > Strumenti di sviluppo.

Figura 2. Apertura di DevTools dal menu principale di Chrome

Aprire automaticamente DevTools su ogni nuova scheda

Aprire Chrome dalla riga di comando e passare il flag --auto-open-devtools-for-tabs.

Mac:

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs

Feedback

Questa pagina è stata utile?
Qual è stata la cosa migliore di questa pagina?
Mi ha aiutato a completare il mio obiettivo(i)
Grazie per il feedback. Se hai idee specifiche su come migliorare questa pagina, crea un problema.

Ha avuto le informazioni di cui avevo bisogno
Grazie per il feedback. Se hai idee specifiche su come migliorare questa pagina, per favore crea un problema.

Ha informazioni accurate
Grazie per il feedback. Se hai idee specifiche su come migliorare questa pagina, per favore crea un problema.

Era facile da leggere
Grazie per il feedback. Se hai idee specifiche su come migliorare questa pagina, per favore crea un problema.

Qualcos’altro
Grazie per il feedback. Se hai idee specifiche su come migliorare questa pagina, per favore crea un problema.

No
Qual è stata la cosa peggiore di questa pagina?
Non mi ha aiutato a completare il mio obiettivo(i)
Grazie per il feedback. Se hai idee specifiche su come migliorare questa pagina, crea un problema.

Mancavano le informazioni di cui avevo bisogno
Grazie per il feedback. Se hai idee specifiche su come migliorare questa pagina, per favore crea un problema.

Aveva informazioni imprecise
Grazie per il feedback. Se hai idee specifiche su come migliorare questa pagina, per favore crea un problema.

Era difficile da leggere
Grazie per il feedback. Se hai idee specifiche su come migliorare questa pagina, per favore crea un problema.

Qualcos’altro
Grazie per il feedback. Se hai idee specifiche su come migliorare questa pagina, per favore crea un problema.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *