Novità di DevTools (Chrome 147)

Matthias Rohmer

Data di pubblicazione: 7 aprile 2026

Chrome 147 introduce la selezione automatica del contesto per l'assistenza AI, esegue l'upgrade dei suggerimenti di codice al completamento automatico del codice, modernizza la barra degli strumenti della modalità Dispositivo, introduce la decodifica automatica dei corpi di rete compressi e diversi altri miglioramenti.

Selezione automatica del contesto nell'assistenza AI

Una delle funzionalità più richieste per l'assistenza AI è stata la possibilità di porre domande più aperte. Un nuovo agente di selezione del contesto ora ti consente di porre domande senza un contesto selezionato in precedenza, ad esempio:

• "Quali sono le richieste di rete più lente in questa pagina?" In precedenza, ciò non era possibile perché dovevi selezionare una richiesta di rete specifica.
• "Quali problemi di rendimento esistono nella pagina?" DevTools ora registrerà automaticamente una traccia con le impostazioni selezionate per rispondere a questa domanda.
• "Come si usa il riquadro delle animazioni?" o "Dove si trova l'impostazione di contrasto elevato in DevTools?", fornendo assistenza diretta con DevTools.

Nell'ambito di questa modifica, l'assistenza dell'AI ora può anche cambiare automaticamente contesto. Aggiornerà in modo intelligente il contesto in base alle tue azioni quando la chat è vuota, rispettando le tue selezioni manuali una volta avviata una conversazione.

DevTools per gli agenti

Il server e la CLI MCP di Chrome DevTools sono stati aggiornati alla versione 0.21.0, che introduce miglioramenti significativi per i flussi di lavoro multi-agente, nuove funzionalità di audit tramite Lighthouse e un insieme di competenze avanzate.

Le funzionalità principali aggiunte dall'ultimo aggiornamento includono:

• Controlli Lighthouse integrati:ora puoi eseguire i controlli Lighthouse direttamente tramite MCP, consentendo controlli automatizzati di prestazioni e qualità all'interno dei workflow degli agenti.
• Competenza Rilevamento perdite di memoria: è stata aggiunta una nuova competenza per rilevare le perdite di memoria utilizzando lo strumento take_memory_snapshot.
• Miglioramenti all'abilità di accessibilità:l'abilità di debug dell'accessibilità è stata perfezionata per sfruttare meglio Lighthouse e fornire un output più solido.
• Competenze di utilizzo generale:competenze dedicate all'utilizzo del server MCP di Chrome DevTools o dell'interfaccia a riga di comando e alla risoluzione dei problemi di installazione per aiutare l'agente a sfruttare al meglio DevTools per gli agenti.
• Supporto del workflow multi-agente:l'introduzione del routing pageId consente a più agenti di scegliere con precisione e interagire con pagine del browser specifiche in parallelo.

Per iniziare a utilizzare queste funzionalità, consulta il repository GitHub con le note di rilascio dettagliate.

Generazione del codice

In Chrome 142 abbiamo introdotto i suggerimenti di codice di Gemini nei riquadri Console e Origini. Con Chrome 147 questa funzionalità viene aggiornata alla generazione completa del codice.

Per generare il codice, digita un commento in linguaggio naturale che descriva la logica di cui hai bisogno (ad esempio, // Loop to check all img elements for valid alt attributes) e premi Cmd+i (Mac) o Ctrl+i (Windows/Linux) per iniziare la generazione. Il valore i nella scorciatoia è in minuscolo.

Barra degli strumenti della modalità dispositivo aggiornata

La barra degli strumenti della modalità Dispositivo è stata modernizzata per offrire un'esperienza più coerente e semplificata:

• Controlli standardizzati: la selezione dei dispositivi, i livelli di zoom e il Device Pixel Ratio (DPR) ora utilizzano componenti UI standard di DevTools, migliorando l'usabilità.
• Zoom semplificato: il menu dello zoom ora è più pulito e l'opzione "Adatta alla finestra" è integrata direttamente nell'elenco delle percentuali. "Regola automaticamente lo zoom" è stato spostato in un pulsante della barra degli strumenti dedicato.
• Supporto del blocco dell'orientamento: ora DevTools gestisce l'API screen.orientation.lock() nell'emulazione del dispositivo. Quando una pagina blocca l'orientamento, il dispositivo emulato ruota automaticamente in base all'orientamento bloccato e il pulsante di rotazione manuale viene disattivato mentre il blocco è attivo.

Problemi di Chromium: 40807290

Corpi compressi decodificati

La diagnosi dei problemi relativi alle risorse compresse è ora molto più semplice. In precedenza, se una richiesta HTTP utilizzava Content-Encoding: gzip o deflate, la visualizzazione Payload nel riquadro Rete mostrava dati binari illeggibili anziché i contenuti decodificati.

In Chrome 147, gli Strumenti per sviluppatori decodificano automaticamente questi corpi compressi, visualizzando i contenuti leggibili direttamente in Payload.

Inoltre, l'elenco delle richieste ora include le informazioni sulle dimensioni del trasferimento, fornendo un quadro più chiaro dell'utilizzo dei dati via cavo, un dettaglio utilizzato anche dall'assistente AI per selezionare meglio le richieste.

Problemi di Chromium: 356158096

Filtri basati su espressioni regolari per gli stili

Ora puoi utilizzare le espressioni regolari nelle barre dei filtri per i pannelli Stili, Calcolato e Proprietà. Fai clic sul nuovo pulsante di attivazione/disattivazione dell'espressione regolare (.*) per attivarlo. Poi, ad esempio, digita padding|border per evidenziare tutte le proprietà padding e border.

Problema di Chromium: 40706727

Miglioramenti dei caricamenti speculativi

Il debug del precaricamento è più solido grazie alle nuove funzionalità nel pannello Applicazione > Caricamenti speculativi:

• Filtro di testo: ora puoi filtrare l'elenco di regole e tentativi utilizzando testo libero o filtri con chiave (ad es. url:, action:, status:), con supporto della logica AND tra più termini.
• Pulsante Cancella: un nuovo pulsante Cancella consente di reimpostare il modello di precaricamento e cancellare le regole e i tentativi visualizzati.
• Codici di stato HTTP: per i recuperi preliminari non riusciti, DevTools ora mostra il codice di stato HTTP effettivo (ad es. 404) sia nella colonna dello stato sia nel riquadro dei dettagli, anziché un messaggio di errore generico.

Problemi di Chromium: 479524246, 40926909

Varie

Di seguito sono riportate alcune correzioni e funzionalità degne di nota in questa release:

• Console: quando tutti i frame dello stack incorporati di un errore vengono inseriti nell'elenco ignorati, ma lo stack di chiamate contiene frame non ignorati, ora viene visualizzato un pulsante di attivazione/disattivazione per aiutarti a concentrarti sul codice su cui è possibile intervenire nascondendo le tracce della libreria rumorose (379788109).
• Prestazioni: lo stato della barra laterale (aperta/chiusa) ora viene mantenuto; se chiudi la barra laterale, questa rimane chiusa nelle registrazioni successive (437340219).
• Impostazioni: ora DevTools può chiederti di riavviare il browser tramite una barra informativa quando attivi o disattivi determinate impostazioni sperimentali.
• Ispezione oggetti: una nuova opzione "Mostra tutto" nel menu contestuale nelle visualizzazioni degli oggetti consente di attivare/disattivare la visibilità delle proprietà nullish (null o undefined) (41187256).
• Elementi: l'ornamento "annuncio" non è più limitato agli iframe e ora può essere mostrato per elementi arbitrari taggati come correlati agli annunci dal backend (485493202).
• Nodi di istruzione: i nodi di istruzione di elaborazione (come <?xml-stylesheet ... ?>) ora sono visibili e modificabili nell'albero DOM (484891675)

Accessibilità

Questa release introduce diversi perfezionamenti dell'accessibilità:

• Rendimento: il pulsante di assistenza per il titolo nelle schede delle metriche sul rendimento ora è sempre visibile e accessibile da tastiera, anziché apparire solo al passaggio del mouse (487613506).
• Origini: ora i punti di interruzione dei listener di eventi possono essere selezionati o deselezionati utilizzando la barra spaziatrice (478890182).
• Impostazioni: i tasti Home e Fine ora funzionano per navigare fino al primo e all'ultimo elemento dell'elenco delle scorciatoie (481747256).
• Lighthouse: miglioramento degli annunci dello screen reader per le caselle di controllo dei gruppi di categorie (477643909).