La raccolta ufficiale di estensioni di Registratore è disponibile
La raccolta ufficiale di estensioni di esportazione e riproduzione del Registratore è ora disponibile.
Per aprire la raccolta direttamente da Registratore, seleziona Esporta > Scarica estensioni… nella barra delle azioni nella parte superiore del riquadro Registratore.
Miglioramenti alla rete
Questa versione introduce una serie di miglioramenti al riquadro Rete.
Motivo dell'errore nella colonna Stato
La colonna Stato ora mostra sempre un motivo di errore. In precedenza, dovevi attivare Righe di richieste di grandi dimensioni o selezionare la richiesta nella tabella.
Problemi di Chromium: 1506760.
Sottomenu Copia migliorato
Il sottomenu Copia di una richiesta è ora meglio organizzato.
Inoltre, l'opzione Copia come cURL ora copia il comando corretto negli appunti su Windows.
Problemi di Chromium: 1267033, 1276452, 798498.
Miglioramenti del rendimento
Questa versione introduce una serie di miglioramenti al pannello Rendimento.
Breadcrumb in Spostamenti
La cronologia nella parte superiore del riquadro Rendimento ora ti consente di impostare le breadcrumb e passare da una all'altra.
Per impostare un breadcrumb, seleziona un intervallo nella sequenza temporale, passaci sopra il mouse e fai clic sul pulsante N ms . Puoi creare diverse breadcrumb nidificate in successione. Per passare da un livello di zoom all'altro, fai clic sul breadcrumb corrispondente nella catena nella parte superiore della sequenza temporale. Guarda il video successivo per vedere le breadcrumb in azione.
Problemi di Chromium: 1467739.
Iniziatori di eventi nella traccia principale
La traccia Rendimento > Principale per impostazione predefinita ora mostra frecce che collegano gli iniziatori e gli eventi successivi che hanno causato.
- Invalidazione di stile o layout -> Ricalcola stili o Layout
- Richiedi frame dell'animazione -> Frame dell'animazione attivato
- Request Idle Callback -> Fire Idle Callback
- Installa timer -> Timer attivato
- Crea WebSocket -> Invia… e Ricevi l'handshake di WebSocket o Elimina WebSocket
Per visualizzare le frecce, trova un evento di questo tipo nella traccia e fai clic. In precedenza, questa funzionalità era un esperimento.
Problemi di Chromium: 1434596.
Menu di selezione dell'istanza VM JavaScript per Node.js DevTools
Nel riquadro Prestazioni di Node.js DevTools, ora puoi selezionare un'istanza VM JavaScript dal menu a discesa corrispondente nella barra delle azioni. Una funzionalità simile era disponibile in JavaScript Profiler, che verrà ritirato a breve.
Problemi di Chromium: 1511813.
Miglioramenti degli elementi
Questa versione introduce una serie di miglioramenti al riquadro Elementi.
Oltre alle due funzionalità successive, il riquadro Elementi ora ricorda l'ultima scheda aperta, ad esempio Calcolato o Proprietà.
Lo pseudo-elemento ::view-transition ora è modificabile in Stili
Ora puoi modificare gli pseudo-elementi CSS ::view-transition in Stili utilizzando il foglio di stile dell'inspector.
Per saperne di più, consulta Transizioni fluide e semplici con l'API View Transitions.
Problemi di Chromium: 1511233.
Supporto della proprietà align-content per i contenitori di blocchi
La proprietà align-content ora funziona con qualsiasi contenitore di blocchi, inclusi table-caption e table-cell. In precedenza, funzionava solo con griglia e flex.
Problemi di Chromium: 1500511.
Nuova scorciatoia e nuovo comando in Sources
Ora puoi premere Cmd (Mac) / Ctrl (Windows) + Maiusc + fare clic su un numero di riga in Origini per creare un logpoint. Questa scorciatoia si aggiunge a quella già esistente Cmd (Mac) / Ctrl (Windows) + clic per i punti di interruzione condizionali.
Il menu dei comandi riceve il nuovo comando Mostra file attivo nella barra laterale del navigatore, che svolge la stessa funzione dell'opzione corrispondente nel menu a discesa dell'editor.
Problemi di Chromium: 1486933, 1467464.
Supporto della postura per i dispositivi pieghevoli emulati
La modalità Dispositivo ora ti consente di impostare la postura di un dispositivo pieghevole emulato: Continua o Piegata. La postura continua si riferisce a una posizione "piatta", mentre la postura piegata forma un angolo tra le sezioni del display.
Inoltre, l'elenco Dispositivi riceve un nuovo dispositivo pieghevole emulato: Asus Zenbook Fold.
Problema di Chromium: 1066842.
Temi dinamici
Ora DevTools abbina 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 tramite Cambia temi o seleziona una tavolozza di colori.
Problemi di Chromium: 1483276.
Avvisi relativi al ritiro graduale dei cookie di terze parti nei riquadri Rete e Applicazione
I pannelli Rete e Applicazione ora evidenziano e mostrano avvisi accanto ai cookie interessati dalle limitazioni di terze parti di Protezione antitracciamento.
In Rete, trova una richiesta con un'icona di , fai clic e apri la scheda Cookie.
In Applicazione, vai a Storage > Cookie e fai clic su un dominio. I cookie evidenziati in giallo non vengono memorizzati nel browser.
Passa il mouse sopra l'icona di avviso per visualizzare una descrizione comando che descrive i problemi e fai clic sull'icona per aprire la scheda Problemi con ulteriori informazioni.
Inoltre, i cookie nella tabella ora sono ordinati per nome per impostazione predefinita.
Problemi di Chromium: 1506225, 1503961.
Lighthouse 11.4.0
Il pannello Lighthouse ora esegue Lighthouse 11.4.0. Consulta l'elenco completo delle modifiche. Tra le modifiche degne di nota c'è il nuovo controllo che ti consente di rilevare se il tuo sito web utilizza ancora cookie di terze parti.
Per scoprire le nozioni di base sull'utilizzo del riquadro Lighthouse in DevTools, consulta Lighthouse: ottimizzare la velocità del sito web.
Problema di Chromium: 772558.
Accessibilità
Questa versione include i seguenti miglioramenti dell'accessibilità:
- Quando apri Impostazioni > Esperimenti, la casella Cerca è ora automaticamente selezionata.
- Il pulsante Cancella input in Rete > Filtro è ora selezionabile.
- L'albero dei file in Origini > Pagina ora viene visualizzato correttamente in modalità ad alto contrasto.
- Gli screen reader ora annunciano correttamente quanto segue:
- Lo stato delle caselle di controllo in Origini > Punti di interruzione.
- Informazioni su posizione e indice per un elenco di suggerimenti.
- Risultato dell'azione quando si aggiunge o si elimina una posizione in Impostazioni > Posizioni.
- Gruppi di regole di esclusione (generali o personalizzate) in Impostazioni > Elenco Ignora.
Problemi di Chromium: 1504938, 1499868, 1512161, 1515224, 1515418, 1516998, 1517015.
Punti salienti vari
Di seguito sono riportati alcuni miglioramenti e correzioni degni di nota in questa release:
- Animazioni:
- Rete:
- Override intestazioni: è stato corretto un bug relativo a un'icona a forma di punto viola falsa nella scheda Intestazioni (1507856).
- Anteprima: è stato corretto un bug relativo a una doppia decodifica non necessaria (1509336).
- È stato corretto un bug a causa del quale le richieste di Short non venivano visualizzate (1509862).
- Applicazione > IndexedDB: i pulsanti nella barra delle azioni sono stati riorganizzati per coerenza con gli altri pannelli (1393800).
- Sensori: è stato corretto un bug con il callback riuscito errato della posizione non disponibile (1486859).
- Rendimento:
Scaricare i canali in anteprima
Prendi in considerazione l'utilizzo di Chrome Canary, Dev o Beta come browser di sviluppo predefinito. Questi canali di anteprima ti consentono di accedere alle funzionalità più recenti di DevTools, testare le API della piattaforma web all'avanguardia e trovare problemi sul tuo sito prima che lo facciano i tuoi utenti.
Contatta il team di Chrome DevTools
Utilizza le seguenti opzioni per discutere delle nuove funzionalità, degli aggiornamenti o di qualsiasi altro argomento relativo a DevTools.
- Inviaci feedback e richieste di funzionalità all'indirizzo crbug.com.
- Segnala un problema di DevTools utilizzando Altre opzioni > Guida > Segnala un problema di DevTools in DevTools.
- Invia un tweet a @ChromeDevTools.
- Lascia un commento sui video di YouTube Novità di DevTools o sui video di YouTube Suggerimenti di DevTools.
Novità di DevTools
Un elenco di tutti gli argomenti trattati nella serie Novità di DevTools.
- Chrome DevTools (MCP) per l'agente AI
- Eseguire il debug dell'albero delle dipendenze di rete con Gemini
- Esportare le chat con Gemini
- Configurazione delle tracce persistenti nel riquadro Rendimento
- Filtrare le richieste di rete protette da IP
- Elementi > La scheda Layout aggiunge il supporto del layout a griglia
- Lighthouse 12.8.2
- Altri punti salienti
- Debug di altri approfondimenti con Gemini
- Emulare l'intestazione "Save-Data" in "Condizioni di rete"
- Visualizzare lo stato di Baseline nella descrizione comando di una proprietà CSS
- Eseguire l'override dei fattori di forma nei suggerimenti client dello user agent
- Lighthouse 12.8.0
- Altri punti salienti
- Chrome DevTools più affidabile e produttivo
- Caricare immagini nell'assistenza AI per lo stile
- Aggiungere intestazioni delle richieste alla tabella in Rete
- Scopri i momenti salienti di Google I/O 2025
- Altri punti salienti
- Miglioramenti al pannello del rendimento
- Origini precollegate nell'approfondimento "Albero delle dipendenze di rete"
- Tempi di risposta e reindirizzamento del server nell'approfondimento "Latenza richiesta documento"
- Reindirizzamenti nel riepilogo delle richieste di rete
- Rumore ridotto nella traccia delle prestazioni
- Funzionalità "Disattiva campioni di JavaScript" ritirata
- Parametro di precisione della geolocalizzazione in Sensori
- Miglioramenti al riquadro degli elementi
- Eseguire il debug più facilmente di valori CSS complessi
- Supporto della funzione@in Elementi > Stili
- Miglioramenti al riquadro Rete
- has-request-header filter
- Socket diretti nelle app web isolate
- Altri punti salienti
- Accessibilità
- Edizione Google I/O 2025
- Modificare e salvare le modifiche CSS nel workspace con Gemini
- Connettere una cartella dello spazio di lavoro e salvare le modifiche nei file sorgente
- Chiedere a Gemini informazioni sulle informazioni sul rendimento
- Annotare i risultati delle prestazioni con Gemini
- Aggiungere screenshot alle chat con Gemini
- Nuovi approfondimenti nel riquadro Prestazioni
- JavaScript duplicato
- JavaScript precedente
- Le speculazioni ora supportano i tag delle regole
- Lighthouse 12.6.0
- Altri punti salienti
- Accessibilità
- Miglioramenti al pannello del rendimento
- Nuovi approfondimenti sul rendimento
- Fai clic per evidenziare
- Tempi del server nel riepilogo delle richieste di rete
- Filtrare i cookie in "Privacy e sicurezza"
- Dimensioni in unità kB nelle tabelle dei vari riquadri
- Il completamento automatico supporta la forma dell'angolo e la forma dell'angolo *-shape in Elementi > Stili
- Sperimentale: evidenziazione dei problemi relativi a elementi e attributi nel DOM
- Lighthouse 12.5.0
- Altri punti salienti
- Miglioramenti al pannello del rendimento
- Link all'origine e allo script per le chiamate di profilo e di funzione in Prestazioni
- Supporto dei dati di campo LCP per fase
- Insight sull'albero delle dipendenze di rete
- Durata anziché tempo totale e autonomo nel riepilogo
- Evidenziazione dello stack più pesante
- Stati vuoti migliorati per vari riquadri
- Visualizzazione ad albero dell'accessibilità in Elements
- Lighthouse 12.4.0
- Altri punti salienti
- Pannello Privacy e sicurezza
- Miglioramenti al pannello del rendimento
- Preimpostazioni calibrate per la limitazione della CPU
- Selezionare diversi eventi di rendimento nella stessa chat AI
- Evidenziazione dei dati proprietari e di terze parti nel rendimento
- Dati dei campi nelle descrizioni comando e negli approfondimenti dei marcatori
- Insight sull'adattamento dinamico del contenuto forzato
- Approfondimento "Ottimizza le dimensioni del DOM"
- Estendere la traccia del rendimento con console.timeStamp
- Miglioramenti al riquadro degli elementi
- Valori in tempo reale degli stili animati
- Supporto per la pseudo-classe :open e vari pseudo-elementi
- Copia tutti i messaggi della console
- Unità di byte nel riquadro Memoria
- Altri punti salienti
- Cronologia della chat con l'AI persistente
- Miglioramenti al pannello del rendimento
- Approfondimento sulla pubblicazione delle immagini
- Navigazione da tastiera classica e moderna
- Ignorare gli script non pertinenti nel grafico a fiamma
- Indicatore della sequenza temporale ed evidenziazione dell'intervallo al passaggio del mouse
- Impostazioni di limitazione consigliate
- Indicatori di sincronizzazione in una sovrapposizione
- Analisi dello stack delle chiamate JS nel riepilogo
- Impostazioni dei badge spostate nel menu in Elementi
- Nuovo riquadro "Novità"
- Lighthouse 12.3.0
- Altri punti salienti
- Eseguire il debug delle richieste di rete, dei file sorgente e delle tracce delle prestazioni con Gemini
- Visualizzare la cronologia della chat AI
- Gestire lo spazio di archiviazione delle estensioni in Applicazione > Spazio di archiviazione
- Miglioramenti delle prestazioni
- Fasi di interazione nelle metriche in tempo reale
- Informazioni sul rendering di blocco nella scheda Riepilogo
- Supporto per gli eventi scheduler.postTask e le relative frecce di iniziatore
- Miglioramenti al riquadro Animazioni e alla scheda Elementi > Stili
- Passare da Elementi > Stili ad Animazioni
- Aggiornamenti in tempo reale nella scheda Calcolati
- Calcolare l'emulazione della pressione in Sensori
- Oggetti JS con lo stesso nome raggruppati per origine nel riquadro Memoria
- Nuovo look per le impostazioni
- Il riquadro Informazioni sulle prestazioni è deprecato e rimosso da DevTools
- Altri punti salienti
- Eseguire il debug di CSS con Gemini
- Controllare le funzionalità di AI in una scheda delle impostazioni dedicata
- Miglioramenti al pannello del rendimento
- Annotare e condividere i risultati del rendimento
- Ottenere informazioni sul rendimento direttamente nel riquadro Prestazioni
- Individuare più facilmente gli spostamenti eccessivi del layout
- Individuare le animazioni non composite
- La concorrenza hardware viene spostata in Sensori
- Ignora gli script anonimi e concentrati sul tuo codice nelle analisi dello stack
- Elementi > Stili: supporto delle modalità di scrittura laterali per le griglie di sovrapposizione e le parole chiave CSS
- Controlli Lighthouse per pagine non HTTP nelle modalità Periodo di tempo e Snapshot
- Miglioramenti all'accessibilità
- Altri punti salienti
- Miglioramenti al riquadro Rete
- Filtri di rete rivisitati
- Le esportazioni HAR ora escludono i dati sensibili per impostazione predefinita
- Miglioramenti al riquadro degli elementi
- Valori di completamento automatico per le proprietà text-emphasis-*
- Overflow di scorrimento contrassegnati da un badge
- Miglioramenti al pannello del rendimento
- Consigli nelle metriche in tempo reale
- Navigare tra i breadcrumb
- Miglioramenti al pannello della memoria
- Nuovo profilo "Elementi scollegati"
- Denominazione migliorata degli oggetti JS semplici
- Disattivare i temi dinamici
- Esperimento di Chrome: condivisione dei processi
- Lighthouse 12.2.1
- Altri punti salienti
- Registratore supporta l'esportazione in Puppeteer per Firefox
- Miglioramenti al pannello del rendimento
- Osservazioni sulle metriche in tempo reale
- Richieste di ricerca nella traccia Rete
- Visualizzare le analisi dello stack delle chiamate performance.mark e performance.measure
- Utilizzare i dati dell'indirizzo di test nel pannello di compilazione automatica
- Miglioramenti al riquadro degli elementi
- Forza più stati per elementi specifici
- Elementi > Stili ora completa automaticamente più proprietà della griglia
- Lighthouse 12.2.0
- Altri punti salienti
- Gli approfondimenti della console di Gemini saranno disponibili nella maggior parte dei paesi europei
- Aggiornamenti del pannello del rendimento
- Traccia di rete avanzata
- Personalizzare i dati sul rendimento con l'API di estensibilità
- Dettagli nella traccia Tempi
- Copia tutte le richieste elencate nel riquadro Rete
- Snapshot dell'heap più veloci con tag HTML denominati e meno ingombro
- Apri il riquadro Animazioni per acquisire le animazioni e modificare @keyframes in tempo reale
- Lighthouse 12.1.0
- Miglioramenti all'accessibilità
- Altri punti salienti
- Ispezionare il posizionamento dell'ancora CSS nel riquadro Elementi
- Miglioramenti al riquadro delle fonti
- Funzionalità "Non mettere mai in pausa qui" migliorata
- Nuovi listener di eventi di scorrimento rapido
- Miglioramenti al riquadro Rete
- Valori preimpostati di limitazione della rete aggiornati
- Informazioni sul service worker nei campi personalizzati del formato HAR
- Inviare e ricevere eventi WebSocket nel riquadro Prestazioni
- Altri punti salienti
- Miglioramenti al pannello del rendimento
- Spostare e nascondere le tracce con la modalità di configurazione delle tracce aggiornata
- Ignorare gli script nel grafico a fiamma
- Ridurre la CPU di 20 volte
- Il riquadro Informazioni sulle prestazioni verrà ritirato
- Trovare un utilizzo eccessivo della memoria con i nuovi filtri negli snapshot dell'heap
- Esamina i bucket di archiviazione in Applicazione > Spazio di archiviazione
- Disattivare gli avvisi di self-XSS con un flag della riga di comando
- Lighthouse 12.0.0
- Altri punti salienti
- Comprendere meglio gli errori e gli avvisi nella console con Gemini
- Supporto delle regole@position-try in Elementi > Stili
- Miglioramenti al riquadro delle fonti
- Configurare la stampa in formato leggibile e la chiusura automatica delle parentesi
- Le promesse rifiutate gestite vengono riconosciute come recuperate
- Cause dell'errore nella console
- Miglioramenti al riquadro Rete
- Ispezionare le intestazioni suggerimenti iniziali
- Nascondere la colonna Cascata
- Miglioramenti al pannello del rendimento
- Acquisire le statistiche del selettore CSS
- Modificare l'ordine e nascondere le tracce
- Ignorare i retainer nel riquadro Memoria
- Lighthouse 11.7.1
- Altri punti salienti
- Nuovo pannello di compilazione automatica
- Limitazione avanzata della rete per WebRTC
- Supporto delle animazioni basate sullo scorrimento nel riquadro Animazioni
- Supporto migliorato per l'annidamento CSS in Elementi > Stili
- Pannello Rendimento migliorato
- Nascondere le funzioni e i relativi figli nel grafico a fiamma
- Frecce dagli iniziatori selezionati agli eventi che hanno avviato
- Lighthouse 11.6.0
- Descrizioni comando per categorie speciali in Memoria > Snapshot heap
- Applicazione > Aggiornamenti dello spazio di archiviazione
- Byte utilizzati per lo spazio di archiviazione condiviso
- SQL web è completamente deprecato
- Miglioramenti al riquadro della copertura
- Il riquadro Livelli potrebbe essere ritirato
- Ritiro del profiler JavaScript: fase 4, finale
- Altri punti salienti
- Trova l'easter egg
- Aggiornamenti del riquadro Elementi
- Emulare una pagina con lo stato attivo in Elementi > Stili
- Selettore colori, orologio angolare ed editor di interpolazione nei fallback di
var() - Lo strumento per la lunghezza CSS è deprecato
- Popup per il risultato di ricerca selezionato in Rendimento > Traccia principale
- Aggiornamenti del pannello Rete
- Pulsante Cancella e filtro di ricerca nella scheda Rete > EventStream
- Descrizioni comando con i motivi di esenzione per i cookie di terze parti in Rete > Cookie
- Attivare e disattivare tutti i punti di interruzione in Sources
- Visualizzare gli script caricati in DevTools per Node.js
- Lighthouse 11.5.0
- Miglioramenti all'accessibilità
- Altri punti salienti
- La raccolta ufficiale di estensioni di Registratore è disponibile
- Miglioramenti della rete
- Motivo dell'errore nella colonna Stato
- Sottomenu Migliora copia
- Miglioramenti delle prestazioni
- Breadcrumb nella sequenza temporale
- Iniziatori di eventi nella traccia principale
- Menu di selezione dell'istanza VM JavaScript per Node.js DevTools
- Nuova scorciatoia e nuovo comando in Sources
- Miglioramenti degli elementi
- Lo pseudo-elemento ::view-transition ora è modificabile in Stili
- Supporto della proprietà align-content per i contenitori di blocchi
- Supporto della postura per i dispositivi pieghevoli emulati
- Temi dinamici
- Avvisi di ritiro graduale dei cookie di terze parti nei pannelli Rete e Applicazione
- Lighthouse 11.4.0
- Miglioramenti all'accessibilità