Novità di DevTools (Chrome 149)

Matthias Rohmer

Data di pubblicazione: 2 giugno 2026

Chrome 149 introduce importanti upgrade all'assistenza AI, strumenti di debug WebMCP sperimentali nel riquadro Applicazione ed espande il supporto per il completamento del codice a CSS.

DevTools per agenti

Il server MCP e la CLI di Chrome DevTools per agenti sono ora ufficialmente stabili. Leggi l'annuncio completo qui.

Le funzionalità chiave e i nuovi strumenti aggiunti fino alla release v1.1.1 includono:

• Strumenti personalizzati di terze parti esposti alla pagina: le pagine ora possono definire strumenti di debug personalizzati tramite JavaScript, rilevabili e richiamabili da DevTools per agenti.
• Debug WebMCP: DevTools per agenti ora può elencare ed eseguire strumenti WebMCP.
• Emulazione di intestazioni HTTP personalizzate: aggiunge il supporto per le intestazioni HTTP (come i token di autenticazione o gli user agent personalizzati) allo strumento di emulazione.

Gli strumenti di terze parti e il debug WebMCP sono ancora sperimentali e non sono ancora attivati per impostazione predefinita. Consulta le informazioni sugli strumenti WebMCP nel riferimento dello strumento e scopri di più sugli strumenti di terze parti nella nostra documentazione.

Per gli aggiornamenti più recenti su DevTools per agenti e per contribuire, visita il repository GitHub. Inizia a utilizzare la nostra documentazione o mettiti al passo con la sessione video completa di Google I/O Ottimizza il flusso di lavoro di programmazione AI con Chrome DevTools per agenti.

Assistenza AI

Il riquadro Assistenza AI ha ricevuto un aggiornamento significativo dell'interfaccia utente e nuovi strumenti per migliorare l'esperienza di conversazione e fornire approfondimenti più approfonditi sulla pagina:

• Procedura guidata dell'agente: l'assistenza AI ora esegue il rendering dei widget direttamente nell'interfaccia di chat anziché in Markdown di testo normale. Questi widget coprono le metriche di Core Web Vitals e gli approfondimenti correlati, gli elementi LCP, la suddivisione LCP, l'attività dei thread dal basso verso l'alto e altro ancora. Un link Mostra all'interno del widget ti porta all'origine di queste informazioni in DevTools.
• Copia nell'agente di programmazione: le conversazioni ora terminano con un pulsante dedicato per copiare la conversazione, riassunta come prompt o la conversazione letterale, in modo da incollarla nell'agente di programmazione che preferisci.
• Funzionalità aggiornate: l'assistenza AI ora ha accesso a Lighthouse e agli approfondimenti correlati, il che le consente di analizzare la pagina in modo olistico e fornire consigli mirati.
• Risposte migliorate: utilizzando Gemini 3 e preamboli perfezionati, l'assistenza AI fornisce risposte più concise e più utili.
• Navigazione migliorata: ora puoi navigare tra i prompt di chat precedenti utilizzando i tasti Freccia su e Freccia giù, il che rende rapido e intuitivo perfezionare o eseguire di nuovo le query precedenti.

A favore della copia nell'agente di programmazione, ritireremo il supporto per le correzioni automatiche dello stile tramite l'assistenza AI, con Chrome 152. Condividi le tue opinioni su questo piano nel bug di feedback dedicato

WebMCP

Questa release introduce strumenti di debug WebMCP sperimentali nella barra laterale del riquadro Applicazione. WebMCP (Web Model Context Protocol) consente alle pagine web di registrare gli strumenti da utilizzare per visitare gli agenti LLM. Scopri di più sullo standard proposto nella nostra documentazione.

I nuovi strumenti di debug consentono agli sviluppatori di:

• Ispezionare gli strumenti lato client e i relativi schemi.
• Eseguire manualmente l'esecuzione degli strumenti con parametri personalizzati.
• Monitorare e filtrare gli eventi di chiamata degli strumenti attivi o in attesa.
• Monitorare lo stato di esecuzione e ispezionare i payload di ritorno.

WebMCP è uno standard web proposto in anteprima. Attiva i flag #devtools-webmcp-support e #enable-webmcp-testing su chrome://flags per iniziare a sperimentare.

Problemi di Chromium: 494516094

Completamento del codice per CSS

La scheda Stili ora include il completamento del codice per CSS con Gemini, basato su il supporto per i riquadri Console e Origini. Attiva i suggerimenti di codice in Impostazioni > Innovazioni AI > Suggerimenti di codice.

In questo modo puoi sperimentare combinazioni più complesse di proprietà CSS, come gradienti o ombre delle caselle, senza dover ricordare la sintassi esatta. Oppure per creare rapidamente layout a griglia e flessibili, basandosi su più proprietà correlate.

La barra degli strumenti nella parte inferiore della scheda Stili mostra lo stato tramite un indicatore di caricamento. I suggerimenti vengono aggiornati o cancellati durante la digitazione, assicurando che il testo generato dall'AI rimanga pertinente alle modifiche manuali.

Linee guida sul contrasto cromatico APCA promosse a stabili

Il calcolatore del contrasto dell'algoritmo di contrasto percettivo avanzato (APCA) ha ufficialmente lasciato la fase sperimentale ed è ora disponibile come impostazione delle preferenze standard. APCA sostituisce le linee guida sul contrasto AAA/AA precedenti con un modello di contrasto percettivo moderno ottimizzato per i display e il rendering del testo moderni.

Ora puoi attivare o disattivare le linee guida APCA utilizzando la casella di controllo in Impostazioni > Preferenze > Elementi > Attiva le linee guida sul contrasto APCA.

User agent della modalità dispositivo dinamica

La modalità dispositivo reattiva in precedenza utilizzava una stringa User Agent hardcoded (Android 6.0; Nexus 5). Ciò ha causato il degrado delle funzionalità dei siti web moderni o l'attivazione delle modalità di compatibilità perché il sistema operativo segnalato è stato riconosciuto come risalente a oltre un decennio fa.

Lo user agent hardcoded è stato sostituito da un'euristica dinamica che si aggiorna automaticamente in base all'anno solare corrente, garantendo che DevTools riporti sempre un ambiente moderno e plausibile senza richiedere manutenzione manuale.

Altri punti forti

Una raccolta di piccoli miglioramenti e correzioni di bug in questa release:

• Console: è stato aggiunto un pulsante di attivazione/disattivazione Comprimi/Espandi tutto alla barra degli strumenti del riquadro Console per espandere o comprimere rapidamente tutti i gruppi di console e le analisi dello stack attivi contemporaneamente. (427657550)
• Applicazione: i link ipertestuali su cui è possibile fare clic hanno sostituito il testo statico per i campi dei bucket di archiviazione nella visualizzazione dei metadati dell'applicazione. Se fai clic su un link del bucket, viene visualizzato automaticamente il bucket specifico nel riquadro della barra laterale Bucket di archiviazione. (435311130)
• Applicazione: è stato riattivato il supporto per l'ispezione completa dell'archiviazione per i service worker dopo aver risolto una regressione degli arresti anomali. (406991275, 466134219)
• Applicazione: è stato aggiunto il supporto per l'ispezione degli eventi di pre-rendering form_submission nel riquadro Precaricamento. (346555939, 488078903)
• Applicazione: è stata implementata la gestione delle credenziali di sessione associate al dispositivo (DBSC) che consente agli sviluppatori di cancellare o eliminare le sessioni attive dal menu contestuale o premendo i tasti Delete o Backspace. (471017387)
• Elementi: le evidenziazioni sui nodi DOM che rappresentano problemi nascosti nel riquadro Problemi ora si aggiornano dinamicamente (visualizzandosi o scomparendo) in risposta alle azioni di filtro dei problemi. (40272723)
• Rete: gli eventi inviati dal server (SSE) ora sono completamente serializzati e inclusi nelle esportazioni HAR, consentendo di salvare e reimpostare in DevTools le acquisizioni di stream di eventi live in corso. (494294071)
• Rendimento: è stato corretto il monitoraggio di Core Web Vitals nella visualizzazione Metriche live in modo da ancorare il monitoraggio rigorosamente al contesto di esecuzione del frame principale, impedendo la reimpostazione delle metriche a causa della rotazione dinamica degli iframe. (494350655)
• Rendimento: è stato eseguito l'upgrade di web-vitals alla versione 5.2.0, introducendo correzioni upstream native per le perdite di memoria durante il monitoraggio INP. (484342204)