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.
Per iniziare Scopri le novità
DevTools supporta un'ampia gamma di attività comuni di sviluppo web. Vai avanti in questa pagina ed esplora alcune delle funzionalità principali di DevTools. Non sai da dove iniziare o è la prima volta che utilizzi DevTools? Guarda un'introduzione a DevTools.
Gli approfondimenti della console e l'assistenza dell'IA ti aiutano a eseguire il debug e correggere gli errori, il rendimento e lo stile di JavaScript in modo più efficiente.
Ottieni una visione completa e strategica del rendimento della tua pagina.
Scopri come ispezionare le risorse caricate dalla tua pagina e modificarle dal browser.
Analizza e sovrascrivi le richieste e le risposte di rete in tempo reale.

Assistenza AI e approfondimenti della console

Scopri in che modo le innovazioni dell'IA in DevTools ti consentono di fare di più e più velocemente.
Lascia che Gemini ti aiuti ad analizzare e migliorare lo stile, la rete, le origini e il rendimento del tuo sito web.
Esplora i casi d'uso dell'assistenza AI in Chrome DevTools e scopri in che modo può supportare il tuo flusso di lavoro di debug per stili, prestazioni e altro ancora.
Comprendi i messaggi e gli errori della console in DevTools e scopri come correggerli, senza copiare e incollare.

Suggerimenti per gli strumenti per sviluppatori

Esplora la nostra serie di video mensili che ti guidano attraverso scenari di debug comuni in DevTools in modo giocoso.
Fai un tour del riquadro Prestazioni aggiornato, che ti mostra come misurare i Core Web Vitals (LCP, CLS, INP) e come ricevere consigli personalizzati da Gemini.
Salpa con DevTools e diventa un pirata del debug. Scopri le tecniche per emulare gli stili di messa a fuoco, testare i moduli con il completamento automatico e risolvere gli errori di backend con gli override di rete.
Esplora la potenza del debug assistito dall'AI con Chrome DevTools. Scopri come Console Insights, l'assistenza dell'IA per stile, prestazioni, rete e fonti possono migliorare il tuo flusso di lavoro.
Esplora le tecniche avanzate del riquadro Rete, tra cui come trovare i colli di bottiglia delle prestazioni, eseguire il debug dei popup, configurare le condizioni di rete, utilizzare le scorciatoie per determinare gli iniziatori delle richieste di rete e altro ancora.

Ottenere informazioni sul rendimento

Un'ampia gamma di strumenti per aiutarti a misurare e ottimizzare diversi aspetti del rendimento in fase di esecuzione: il riquadro Rendimento, Lighthouse e altro ancora.
Scopri tutte le funzionalità del riquadro Prestazioni: come registrare una traccia del rendimento, come visualizzarla e analizzarla e altro ancora.
Scopri le nuove funzionalità di DevTools, come la calibrazione della limitazione della CPU, che ti aiutano a basare le decisioni di debug del rendimento sui dati del mondo reale
Scopri le nuove informazioni sul rendimento e la potenza di Lighthouse direttamente nel riquadro Rendimento di DevTools.

Notizie e aggiornamenti

Ispezionare e modificare le risorse

Scopri tutte le funzionalità del riquadro Origini: come visualizzare e modificare i file, eseguire il debug di JavaScript e configurare uno spazio di lavoro.
Per iniziare
Workspace ti consente di salvare le modifiche apportate in DevTools nel codice sorgente memorizzato sul computer. Scopri come configurare uno spazio di lavoro nei tuoi progetti.
Leggi il tutorial

Analisi dell'attività di rete

Scopri tutte le funzionalità del riquadro Rete: controlla i corpi delle risposte e delle richieste, sovrascrivi le intestazioni e altro ancora.
Per iniziare
Un tutorial pratico che ti guida nelle attività comuni all'interno del riquadro Rete.
Leggi il tutorial

Altri strumenti

Scopri tutte le altre funzionalità e capacità di DevTools.
Scopri come visualizzare e modificare il DOM di una pagina.
Scopri come visualizzare e modificare il CSS di una pagina.
Tieni traccia delle modifiche apportate a HTML, CSS e JavaScript.
Registra i messaggi ed esegui JavaScript.
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.
Ispezionare e modificare le animazioni.
Registra, riproduci, misura i flussi utente e modifica i relativi passaggi.
Scopri una raccolta di opzioni che influiscono sul rendering dei contenuti web.
Ispezionare ed eseguire il debug degli indirizzi salvati.
Individua e risolvi problemi relativi al tuo sito web.
Assicurati che una pagina sia completamente protetta tramite HTTPS.
Visualizza le informazioni ed esegui il debug dei lettori multimediali per ogni scheda del browser.
Emula i sensori del dispositivo.
Emula gli autori di autenticazione.