Chrome DevTools è un insieme di strumenti per sviluppatori web integrati direttamente nel browser Google Chrome. DevTools consente di modificare le pagine all'istante e di diagnosticare rapidamente i problemi, il che ti consente di creare siti web migliori più velocemente.
Tutti i modi in cui puoi aprire Chrome DevTools.
Tieniti al corrente sulle ultime modifiche di DevTools.
Una serie di video in pillole per aiutarti a imparare le funzionalità di DevTools.

Comandi e scorciatoie

Svolgere rapidamente le attività.
Apri il menu dei comandi, esegui comandi, apri i file, visualizza altre azioni e altro ancora.
Un riferimento completo delle scorciatoie da tastiera.
Visualizza l'aspetto e il comportamento di una pagina web quando JavaScript è disattivato.
Simula i dispositivi per creare siti web mobile-first.
Trova il testo in tutte le risorse caricate con il riquadro di ricerca.

Pannelli

Scopri la potenza di ogni riquadro DevTools.
Scopri come visualizzare e modificare il DOM di una pagina.
Scopri come visualizzare e modificare il CSS di una pagina.
Registra i messaggi ed esegui JavaScript.
Visualizza e modifica i file, crea snippet, sottoponi a debug JavaScript e configura un'area di lavoro.
Registra richieste di rete.
Valutare il rendimento del sito web.
Individua i problemi di memoria che influiscono sulle prestazioni delle pagine, ad esempio le perdite di memoria e altro ancora.
Ispeziona, modifica ed esegui il debug delle app web, testa la cache, visualizza lo spazio di archiviazione e altro ancora.
Registra, riproduci, misura i flussi utente e modifica i relativi passaggi.
Scopri una raccolta di opzioni che influiscono sul rendering dei contenuti web.
Individua e risolvi problemi relativi al tuo sito web.
Assicurati che una pagina sia completamente protetta tramite HTTPS.
Ispeziona un Arraybuffer, TypedArray o DataView in JavaScript, oltre a WebAssembly e alla memoria delle app C++ Wasm.
Esegui l'override della stringa dello user agent.
Visualizza le informazioni ed esegui il debug dei lettori multimediali per ogni scheda del browser.
Ispezionare e modificare le animazioni.
Tieni traccia delle modifiche apportate a HTML, CSS e JavaScript.
Trova e analizza il codice JavaScript e CSS inutilizzato.
Controlla se le mappe di origine vengono caricate correttamente e caricale manualmente.
Identificare potenziali miglioramenti al CSS.
Ottimizza la velocità del sito web con il riquadro Lighthouse.
Ottieni informazioni strategiche sul rendimento del tuo sito web.
Emula i sensori del dispositivo.
Emula gli autori di autenticazione.