Novità di DevTools (Chrome 149)

Matthias Rohmer

Data di pubblicazione: 2 giugno 2026

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

DevTools per gli agenti

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

Le funzionalità principali 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 gli agenti.
• Debug di WebMCP:ora DevTools per gli agenti può elencare ed eseguire gli strumenti WebMCP.
• Emulazione di intestazioni HTTP personalizzate:aggiunge il supporto per le intestazioni HTTP (ad esempio token di autenticazione o User-Agent personalizzati) allo strumento di emulazione.

Gli strumenti di terze parti e il debug di WebMCP sono ancora sperimentali e non sono ancora attivati per impostazione predefinita. Consulta il riferimento allo strumento per informazioni su come utilizzarli. Forniremo ulteriore documentazione su developer.chrome.com una volta che queste funzionalità saranno pronte per l'utilizzo in produzione.

Per gli aggiornamenti più recenti su DevTools per gli agenti e per contribuire, visita il repository GitHub. Inizia a utilizzare la nostra documentazione o scopri di più con la sessione video completa di Google I/O Supercharge your AI coding workflow with Chrome DevTools for agents.

Suggerimento :con Modern Web Guidance, il team di Chrome ha rilasciato un insieme di skill per aiutare gli agenti di programmazione a creare con le funzionalità più recenti del web, supportando al contempo il tuo obiettivo Baseline. Trova le istruzioni di installazione nella nostra documentazione e scopri di più nella sessione video dedicata di Google I/O Unlock modern web capabilities in your AI coding workflows.

Assistenza AI

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

• Procedura dettagliata 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 i 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 alla fonte di queste informazioni in DevTools.
• Copia nell'agente di programmazione: ora le conversazioni terminano con un pulsante dedicato per copiare la conversazione, riassunta come prompt o verbatim, per 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: grazie all'utilizzo di Gemini 3 e a 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ù, in modo da perfezionare o ripetere le query precedenti in modo rapido e intuitivo.

Assistenza dell'AI con il prompt "Come posso migliorare il rendimento di questa pagina?" sul sito demo di Astro.js DevTools Times, che mostra la procedura dettagliata dell'agente, i widget e Copia nell'agente di coding in Antigravity.

Facci sapere cosa ne pensi commentando il bug di feedback dedicato. A favore di Copia nell'agente di codifica, ritireremo il supporto per le correzioni automatiche dello stile tramite l'assistenza AI, con Chrome 152.

Suggerimento: scopri di più sugli aggiornamenti dell'assistenza AI nella sessione video dedicata di Google I/O Supera i limiti con Gemini in Chrome DevTools.

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 strumenti da utilizzare con gli agenti LLM. Scopri di più sullo standard proposto nella nostra documentazione.

I nuovi strumenti di debug consentono agli sviluppatori di:

• Esamina gli strumenti lato client e i relativi schemi.
• Esegui manualmente l'esecuzione degli strumenti con parametri personalizzati.
• Monitora e filtra gli eventi di chiamata degli strumenti attivi o in attesa.
• Monitora lo stato di esecuzione e ispeziona i payload restituiti.

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

Suggerimento :scopri di più su WebMCP nella sessione video di Google I/O Crea il tuo sito web per l'era agentica.

I nuovi strumenti di debug WebMCP che esaminano il sito demo L'Atelier, mostrano le invocazioni precedenti degli strumenti, gli strumenti disponibili e le opzioni di filtro.

Problemi di Chromium: 494516094

Completamento del codice per CSS

La scheda Stili ora offre il completamento del codice per CSS con Gemini, basandosi sul supporto per i pannelli Console e Sources. 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, in modo che il testo generato dall'AI rimanga pertinente alle modifiche manuali.

Linee guida sul contrasto di colore APCA promosse a stabili

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

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

Il pulsante di attivazione/disattivazione dell'algoritmo APCA nelle impostazioni di DevTools e il nuovo algoritmo in vigore nella scheda Stili.

User agent della modalità dispositivo dinamico

La modalità Dispositivo reattivo utilizzava in precedenza una stringa User-Agent hardcoded (Android 6.0; Nexus 5). Ciò ha causato la riduzione della funzionalità dei siti web moderni o l'attivazione di modalità di compatibilità perché il sistema operativo segnalato è stato riconosciuto come risalente a più di un decennio.

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

Altri punti forti

Questa release include una serie di miglioramenti e correzioni di bug minori:

• Console: è stato aggiunto un pulsante di attivazione/disattivazione Comprimi/Espandi tutto alla barra degli strumenti del riquadro della console per espandere o comprimere rapidamente tutti i gruppi della console attivi e le analisi dello stack contemporaneamente. (427657550)
• Applicazione: i link ipertestuali selezionabili hanno sostituito il testo statico per i campi del bucket di archiviazione nella visualizzazione dei metadati dell'applicazione. Se fai clic su un link a un bucket, viene visualizzato e selezionato automaticamente il bucket specifico nel riquadro della barra laterale Bucket di archiviazione. (435311130)
• Applicazione: è stato riattivato il supporto dell'ispezione completa dello spazio di archiviazione per i service worker dopo la risoluzione di una regressione degli arresti anomali. (406991275, 466134219)
• Applicazione: è stato aggiunto il supporto per l'ispezione degli eventi di prerendering form_submission nel riquadro Precaricamento. (346555939, 488078903)
• Applicazione: 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 (visualizzazione o scomparsa) 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 reimportare in DevTools le acquisizioni di flussi di eventi live in corso. (494294071)
• Rendimento: è stato corretto il monitoraggio dei Core Web Vitals nella visualizzazione Metriche in tempo reale per ancorare il monitoraggio rigorosamente al contesto di esecuzione del frame principale, impedendo l'azzeramento delle metriche a causa del churn dinamico degli iframe. (494350655)
• Rendimento: è stato eseguito l'upgrade di web-vitals alla versione 5.2.0, che introduce correzioni native upstream per le perdite di memoria durante il monitoraggio dell'INP. (484342204)