Novità di DevTools - ottobre 2026

Matthias Rohmer

Data di pubblicazione: 1° ottobre 2026

Chrome 153 e Chrome 154 sono stati implementati nella versione stabile nel corso dell'ultimo mese, offrendo una serie di miglioramenti per gli sviluppatori pronti per il tuo workflow quotidiano. Questa edizione mette in evidenza i controlli di esecuzione JavaScript granulari in DevTools per gli agenti, il monitoraggio degli script pubblicitari nel pannello Applicazione, il supporto completo della navigazione soft e gli override del livello di prestazioni della CPU in Prestazioni, il supporto di stili inattivi e decorazioni accessibili da tastiera in Elementi, l'ispezione dell'origine e la registrazione delle tracce delle prestazioni nell'assistenza AI e i preset dei dispositivi modernizzati in Modalità dispositivo.

DevTools per gli agenti

Il server MCP di Chrome DevTools introduce nuovi controlli di sicurezza, ottimizzazione delle prestazioni e funzionalità di analisi della memoria per gli agenti di codifica:

  • Pacchetto Agent Plugins 1.0: è stato aggiunto il supporto per il pacchetto Agent Plugins 1.0, che consente agli agenti di caricare ed eseguire estensioni modulari dei plug-in.
  • Controlli di esecuzione JavaScript: configura --no-javascript-evaluation o disattiva gli strumenti di esecuzione JavaScript per esaminare le pagine senza valutare gli script, estendendosi a navigazioni e script di inizializzazione.
  • Mappe di origine on demand: è stata aggiunta un'opzione per disattivare le mappe di origine e caricarle in modo differito su richiesta, evitando un elevato utilizzo della memoria sui siti di grandi dimensioni.
  • Radici del file system configurabili e autorizzazioni del percorso della CLI: la CLI ora include --allow-unrestricted-paths per impostazione predefinita e supporta radici del file system configurabili.
  • Ispezione delle istantanee heap: esegui query sugli oggetti direttamente in base alle dimensioni mantenute o al nome della proprietà con query_heapsnapshot, visualizza le dimensioni proprie e mantenute per gli archi e ispeziona la memoria mantenuta dai contesti di esecuzione V8.
  • Strumenti di automazione PWA: sono stati aggiunti strumenti dedicati per automatizzare l'installazione e i controlli del ciclo di vita delle app web progressive.
  • Trace dello stack della console: recupera i trace dello stack facoltativi quando elenchi i messaggi della console con list_console_messages.

Scopri di più nel repository chrome-devtools-mcp.

In seguito all'introduzione di quattro metriche sperimentali per gli annunci per il Report sull'esperienza utente di Chrome (CrUX), questo nuovo riquadro secondario è una posizione centralizzata per eseguire il debug e ottimizzare le informazioni relative agli annunci a livello di pagina. È incluso quanto segue:

  • Una dashboard per le nuove metriche sperimentali: densità degli annunci nella visualizzazione, numero di annunci nella visualizzazione, utilizzo totale della CPU da parte degli annunci, utilizzo totale della rete da parte degli annunci.
  • Segmentazione dell'utilizzo della CPU e della rete per elementi degli annunci
  • Una tabella degli script degli annunci nel frame principale.
  • Un pulsante di attivazione/disattivazione che mette in evidenza gli annunci sulla pagina.

Scopri di più sulle nuove metriche degli annunci nella nostra documentazione.

Scheda Annunci del riquadro Applicazione che mostra la nuova tabella Script annuncio e rivela uno script annuncio in Origini.
Scheda Annunci del riquadro Applicazione che mostra la nuova tabella Script annuncio e rivela uno script annuncio in Origini.

Problemi di Chromium: 514957134, 512927903, 540469610

Il pannello Rendimento offre la misurazione della navigazione soft end-to-end, override della calibrazione hardware e una ricerca più approfondita delle tracce:

  • Supporto completo della navigazione soft: dopo l'introduzione del supporto della navigazione soft nelle visualizzazioni Metriche in tempo reale e Traccia in Chrome 152, l'analisi della navigazione soft è ora disponibile in Approfondimenti, completando il supporto end-to-end completo per la misurazione delle navigazioni soft nel riquadro Rendimento.
  • Override del livello di prestazioni della CPU tramite CDP: DevTools ora supporta la configurazione, il calcolo e l'invio di override del livello di prestazioni della CPU calibrato tramite Chrome DevTools Protocol (Emulation.setCPUPerformanceOverride), consentendo test delle prestazioni riproducibili nei vari livelli hardware.
  • Ricerca delle tracce delle estensioni nel grafico a fiamma: se premi Ctrl+F nel grafico a fiamma del riquadro Prestazioni, ora le voci corrispondono a quelle delle tracce personalizzate registrate utilizzando l'API Extensibility, che cerca nel testo della descrizione comando, nelle proprietà e nei dettagli utente.
  • Visualizzazione dei thread del profilo CPU: il grafico a fiamma del riquadro Prestazioni ora esegue il rendering dei thread che contengono solo campioni del profilo CPU, garantendo che le esecuzioni in background, come i thread WebAssembly, vengano visualizzate nelle visualizzazioni della sequenza temporale.
Flusso di lavoro end-to-end di navigazione soft nel pannello Rendimento.

Problemi di Chromium: 449760252, 483092899, 540020488

Elementi: stili non attivi, decorazioni accessibili da tastiera e correzioni della struttura ad albero

L'ispezione e la creazione di CSS sono più veloci e accessibili nel riquadro Elementi:

  • Supporto degli stili inattivi: DevTools ora può continuare a mostrare le regole di stile che in precedenza corrispondevano all'elemento selezionato quando non si applicano più, distinguendole chiaramente con un indicatore visivo inattivo. Attiva gli stili inattivi e configura il loro comportamento di compressione in Impostazioni.
  • Elementi decorativi accessibili da tastiera: gli elementi decorativi interattivi nell'albero DOM, inclusi Visualizza sorgente, Stile iniziale, Snap di scorrimento e Mostra, ora sono selezionabili con la tastiera e possono essere attivati utilizzando Enter o Space.
  • Riordinamento tramite trascinamento: il riordinamento dei nodi DOM trascinando gli elementi nell'albero DOM ora funziona in modo affidabile oltre i limiti di Shadow DOM, con indicatori di posizionamento del trascinamento chiari.
  • Attivazione/disattivazione più fluida delle proprietà CSS: l'attivazione/disattivazione delle caselle di controllo delle proprietà CSS nella scheda Stili non attiva più il ridisegno duplicato dell'interfaccia utente o il lampeggio visivo.
Il riquadro Elementi che mostra una regola CSS inattiva.
Riquadro Elementi che mostra una regola CSS inattiva.

Problemi di Chromium: 539424116, 554057179, 555088527, 548477554

Modalità dispositivo: preset del dispositivo modernizzati raggruppati per fattore di forma

La barra degli strumenti Modalità dispositivo e la visualizzazione Impostazioni > Dispositivi organizzano l'hardware emulato in categorie chiare:

  • Raggruppamento dei fattori di forma: i dispositivi emulati ora sono raggruppati in Dispositivi mobili, Dispositivi pieghevoli, Tablet e computer e Smart Display.
  • Catalogo hardware aggiornato: sono stati aggiunti preset moderni, tra cui iPhone 16, Pixel 9, Pixel 10, Galaxy Z Fold 6, iPad Pro 13" e Nest Hub Max, mentre sono state ritirate le definizioni di dispositivi legacy obsolete.
Modalità Dispositivo che mostra i preset modernizzati del dispositivo raggruppati per fattore di forma.
Modalità Dispositivo che mostra i preset modernizzati del dispositivo raggruppati per fattore di forma.

Problemi di Chromium: 526856234, 526857820

Rete: modifica e invia di nuovo come recupero in Console e sostituzioni locali della sicurezza

I flussi di lavoro di ispezione e debug delle richieste di rete sono stati semplificati e protetti:

  • Modifica e invia di nuovo come recupero in Console: se selezioni Modifica e invia di nuovo come recupero in una richiesta di rete, ora il cursore si sposta automaticamente sul riquadro Console con l'espressione fetch() già incollata nel prompt, completa di commenti sui parametri e di un link di riferimento alla richiesta originale.
  • Rafforzamento della sicurezza degli override locali: il riquadro Rete ora impedisce l'attraversamento del percorso (%2E%2E) negli override locali e vieta la creazione di override su schemi non http(s) come data:, blob:, javascript: e about:.
  • Escape del cursore del testo in Copia come curl (cmd): la copia delle richieste di rete come comandi curl per Windows cmd.exe ora esegue l'escape di parentesi e apici inversi, impedendo errori di sintassi dei comandi quando vengono incollati in shell alternative.
  • Sincronizzazione del cursore del payload binario: la scheda Payload mantiene la posizione di scorrimento e del cursore quando passi dalle visualizzazioni Esadecimale, Base64 e UTF-8.
Fare clic con il tasto destro del mouse su una richiesta di rete e selezionare Modifica e invia di nuovo come recupero, che mette automaticamente a fuoco il riquadro della console con l'espressione di recupero già incollata e pronta per la modifica.
Fare clic con il tasto destro del mouse su una richiesta di rete e selezionare Modifica e invia di nuovo come recupero, che mette automaticamente a fuoco il riquadro della console con l'espressione di recupero già incollata e pronta per essere modificata.

Problemi di Chromium: 40726969, 513843792, 513836026, 407750982

Memoria: filtro edge istantanea heap, ordinamento per dimensione e query sugli oggetti

Il riquadro Memoria fornisce strumenti più granulari per analizzare gli snapshot dell'heap:

  • Ordinamento e filtraggio degli edge: ora puoi filtrare gli edge negli snapshot dell'heap in base a una dimensione mantenuta minima ed escludere i valori primitivi (null, undefined, true, false) per concentrarti su riferimenti a oggetti significativi. I bordi possono essere ordinati per dimensioni mantenute, dimensioni proprie o nome.
  • Query sugli oggetti diretti: DevTools supporta le query sugli oggetti istantanea heap direttamente in base alla soglia di dimensione mantenuta o al nome della proprietà, semplificando le indagini sulle perdite di memoria.
  • Analisi della conservazione del contesto: gli snapshot dell'heap possono calcolare e segnalare la memoria aggregata mantenuta attiva specificamente dai contesti di esecuzione V8.
  • Analisi resiliente delle istantanee heap: i file di istantanea heap non validi o danneggiati ora mostrano errori chiari anziché causare blocchi dell'analisi.

Problemi di Chromium: 497855658

Miglioramenti all'accessibilità

Chrome 153 e Chrome 154 includono i seguenti miglioramenti dell'accessibilità:

  • Elementi: VoiceOver su macOS ora annuncia le modifiche allo stato "espanso" e "compresso" tramite un'area dinamica quando navighi tra gli elementi dell'albero DOM. (Problema di Chromium: 540028208)
  • Problemi: risoluzione degli annunci duplicati dello screen reader nel contatore Problemi, lettura di un singolo riepilogo pulito e applicazione della semantica corretta non dei pulsanti all'interno del riquadro Problemi. (Problema di Chromium: 536977880)
  • Elementi: gli elementi decorativi interattivi (Visualizza sorgente, Stile iniziale, Scorrimento agganciato e Mostra) sono completamente selezionabili e attivabili tramite la tastiera. (Problema di Chromium: 554057179)
  • Regioni attive: è stato aggiunto AccessibilityAnnouncementRecordingView per registrare ed eseguire il debug degli annunci live e delle chiamate ariaNotify. (Problema di Chromium: 527462118)

Problemi di Chromium: 540028208, 536977880, 554057179, 527462118