Novità di DevTools (Chrome 151)

Pubblicato: 28 luglio 2026

Chrome 151 introduce altri widget per la procedura dettagliata dell'agente nell'assistenza AI, suddivisioni dettagliate della specificità CSS nella scheda Stili, supporto dello pseudo-elemento ::interest-button e aggiornamenti importanti al server MCP di DevTools.

DevTools per agenti

Nelle versioni recenti fino alla v1.6.0, Chrome DevTools per agenti ha ampliato notevolmente le sue funzionalità di debug per gli agenti di codifica come Antigravity, Claude, Codex e altri.

Gli aggiornamenti nelle versioni 1.4.0 e 1.6.0 includono:

  • Debug della memoria migliorato:il nuovo strumento get_heapsnapshot_duplicate_strings rileva lo spreco di memoria causato da allocazioni di stringhe ridondanti negli heap JavaScript. get_heapsnapshot_details restituisce i conteggi totali degli oggetti e gli aggregati delle dimensioni della memoria, gli aggregati delle istantanee heap filtrabili, i percorsi di conservazione della radice GC e consente il confronto della memoria tra le istantanee.
  • Codifica del formato GCF (experimentalGcfFormat): è stato aggiunto il supporto per le risposte degli strumenti codificate in GCF per ottimizzare la larghezza di banda e l'efficienza dell'analisi per i client supportati.
  • Routing simultaneo delle pagine multi-agente e contesti isolati: --experimentalPageIdRouting consente agli agenti secondari paralleli di operare su schede del browser diverse contemporaneamente utilizzando il routing pageId esplicito. La modalità --isolated e i parametri isolatedContext creano profili e spazio di archiviazione temporanei di Chrome per sessione.

Per saperne di più e iniziare, visita il repository DevTools for agents su GitHub.

Assistenza AI

Immagine/Screencast: il riquadro di assistenza AI che mostra il nuovo widget in linea Network Track e la procedura dettagliata interattiva con supporto delle tabelle GFM.

Il riquadro Assistenza AI continua a evolversi, fornendo maggiori dettagli nelle procedure dettagliate dell'agente con il widget specializzato Traccia di rete (rendering dell'attività di rete di rendimento in linea con navigazione con un clic per ingrandire l'intervallo di tempo nel riquadro Rendimento) e un widget Elenco richieste di rete (visualizzazione dei parametri di richiesta strutturati in tabelle interattive).

Inoltre, i messaggi di risposta ora supportano completamente il rendering delle tabelle GitHub Flavored Markdown (GFM) per i riepiloghi dei dati tabellari formattati.

Suddivisione della specificità CSS e supporto di ::interest-button

La nuova descrizione comando della suddivisione della specificità CSS nella scheda Stili.

Il riquadro Elementi offre strumenti di ispezione e creazione CSS più approfonditi per le API della piattaforma web moderna:

  • Suddivisioni dettagliate della specificità CSS:se passi il mouse sopra i nomi dei selettori nella scheda Stili, viene visualizzata una descrizione comando dettagliata che mostra il contributo di ogni classe, ID, elemento o pseudo-classe al calcolo della specificità (a, b, c). Questo è stato un contributo della community, grazie a @hjanuschka!
  • Pseudo-elemento ::interest-button: DevTools ora analizza e presenta completamente il nuovo pseudo-elemento CSS ::interest-button (parte della specifica interesttarget HTML) nella struttura ad albero degli elementi e nella scheda Stili.
  • Collegamento asincrono dei target per gli attributi di relazione HTML:gli attributi HTML come popovertarget, interesttarget e commandfor ora recuperano e collegano visivamente i nodi DOM di destinazione in linea in modo asincrono.
  • Rendering differito per fogli di stile di grandi dimensioni:la scheda Stili ora utilizza la decorazione differita delle proprietà quando un elemento supera le 200 proprietà CSS, riducendo i tempi di blocco del rendering da diversi secondi a millisecondi.

Problemi di Chromium: 353436867, 453705247, 524406293, 457696384, 524131115

Debug della memoria: attribuzione del contesto nativo e conservazione della chiusura

Il riquadro Memoria con uno snapshot e il filtro Oggetti conservati per contesto attivato.

La diagnosi di perdite di memoria JavaScript complesse in applicazioni web multi-frame o multi-contesto ora è molto più chiara nel riquadro Memoria:

  • Attribuzione del contesto V8 nativo: gli snapshot dell'heap ora eseguono un algoritmo di attribuzione in due fasi. L'inferenza del puntatore statico risolve native_context mentre la raggiungibilità del grafico traccia gli oggetti rimanenti. Gli oggetti raggiungibili da un singolo contesto nativo vengono attribuiti direttamente a quel contesto, mentre gli oggetti raggiungibili da più contesti vengono classificati in un bucket di contesto condiviso.
  • Filtro "Conservati dal contesto":un nuovo filtro dell'interfaccia utente nella prospettiva Heap Snapshot consente di isolare gli oggetti conservati esclusivamente tramite gli oggetti di contesto di chiusura JavaScript.
  • Ordine di visualizzazione delle proprietà configurabile:un nuovo pulsante di attivazione/disattivazione del menu contestuale, Ordina le proprietà in ordine alfabetico (attivato per impostazione predefinita), consente di alternare l'ordinamento alfabetico e l'ordine di inserimento delle proprietà JS originali durante l'ispezione delle proprietà degli oggetti heap.

Problemi di Chromium: 497855658, 423838364, 40833016

API di estensione basate su promesse e rafforzamento della sicurezza

Le API delle estensioni DevTools sono state aggiornate con pattern asincroni moderni e controlli di sicurezza più rigorosi:

  • Supporto nativo delle promesse:i metodi asincroni in chrome.devtools.network (getHAR(), Request.getContent()), chrome.devtools.panels e chrome.devtools.inspectedWindow (eval(), getResources(), Resource.getContent(), Resource.setContent()) ora restituiscono oggetti JavaScript Promise standard quando vengono chiamati senza un parametro di callback.
  • Limiti di sicurezza delle estensioni:ora le estensioni DevTools non possono recuperare risorse HAR di URL di destinazione bloccati, devono soddisfare le autorizzazioni extensionsOnChromeUrls per le valutazioni tra estensioni in inspectedWindow.eval e applicare i controlli allowFileAccess sulle risorse file://.

Altri punti salienti e correzioni

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

  • Rendimento: sono stati aggiunti indicatori della sequenza temporale Soft FCP (First Contentful Paint) insieme agli indicatori Soft LCP e Soft Navigation, con intestazioni del riquadro dei dettagli aggiornate.
  • Prestazioni: sono state aggiunte protezioni per saltare i controlli della pressione di calcolo durante la calibrazione della limitazione della CPU sui dispositivi Android senza supporto di PressureObserver.
  • Rete: è stato aggiornato il comando Copia come cURL per aggiungere il prefisso --url agli URL di destinazione per evitare l'errata interpretazione dei flag della riga di comando per gli URL con prefisso trattino.
  • Origini: è stata attivata la risoluzione dell'ambito della mappa di origine per impostazione predefinita, migliorando la risoluzione dell'ambito delle variabili e la de-riduzione dei simboli durante il debug.
  • Impostazioni: aggiornamento dei preset dei dispositivi emulati per i modelli più recenti di iPhone e Pixel con inserti sicuri verificati e precompilazione dei campi User-Agent dei dispositivi personalizzati con navigator.userAgent. (Problemi di Chromium: 40718410, 518215252)
  • Impostazioni: è stato aggiornato il menu a discesa dell'impostazione Gestione dei link per visualizzare titoli di estensioni intuitivi anziché URL di origine delle estensioni non elaborati.
  • Lighthouse: aggiornamento del modulo Lighthouse incluso alla versione 13.4.0. (Problema di Chromium: 40543651)

Miglioramenti all'accessibilità

Chrome 151 introduce i seguenti miglioramenti all'accessibilità:

  • Elementi: è stata ripristinata la visibilità delle icone della barra degli strumenti attivate/disattivate (ad esempio il pulsante Riprendi l'esecuzione dello script) in modalità Windows High Contrast/@media (forced-colors: active) rimuovendo gli override di background-color in conflitto. (Problema di Chromium: 519762185)
  • Console: sono state aggiunte descrizioni comando title di testo completo accessibili per i valori delle stringhe di espressioni live troncate nei pin della console.