Novità di DevTools (Chrome 148)

Matthias Rohmer

Pubblicato: 5 maggio 2026

Chrome 148 imposta l'albero di accessibilità a pagina intera come predefinito, introduce i dettagli di provenienza degli annunci nelle descrizioni comando, migliora il debug per le regole di speculazione e aggiunge nuove visualizzazioni diagnostiche per i report sugli arresti anomali.

DevTools per gli agenti

Il server MCP e la CLI di Chrome DevTools sono stati aggiornati alla versione 0.25.0, con diverse nuove funzionalità. Questa release include anche varie correzioni dell'affidabilità, ad esempio la gestione automatica delle finestre di dialogo del browser per impedire interruzioni degli script durante l'esecuzione dello strumento.

Le funzionalità principali aggiunte dall'ultimo aggiornamento includono:

• Debug delle estensioni di Chrome: gli agenti ora possono scegliere come target ed eseguire il debug delle estensioni di Chrome, consentendo loro di esaminare direttamente le pagine e gli script in background specifici delle estensioni.
• Chiamata degli strumenti WebMCP: i nuovi strumenti sperimentali consentono agli agenti di elencare ed eseguire gli strumenti WebMCP esposti dalle pagine web.
• Navigazione agentica in Lighthouse:una nuova categoria di controllo "Navigazione agentica" valuta se un sito è ottimizzato per il web agentico, ad esempio convalidando le registrazioni degli strumenti WebMCP.

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

Albero di accessibilità completo per impostazione predefinita

L'albero di accessibilità completo esce ufficialmente dalla fase sperimentale e rimane la visualizzazione predefinita nel riquadro Elementi. Con questa transizione, l'albero dell'accessibilità in stile breadcrumb è stato rimosso dall'origine a favore di questa visualizzazione più completa.

Per semplificare l'interfaccia, Chrome 148 rimuove il pulsante di azione mobile precedentemente utilizzato per alternare l'albero DOM e l'albero dell'accessibilità. Ora puoi cambiare visualizzazione utilizzando un pulsante di attivazione/disattivazione dedicato nella scheda Accessibilità della barra laterale.

Problemi di Chromium: 40808541

Miglioramenti dei caricamenti speculativi

La sezione Caricamenti speculativi è diventata più efficace per il debug del precaricamento:

• Filtro del testo: ora puoi filtrare l'elenco di regole e tentativi utilizzando testo libero o filtri basati su chiavi (ad es. url:, status:).
• Codici di stato HTTP: per i tentativi non riusciti, il codice di stato HTTP effettivo (ad esempio 404 o 503) viene ora visualizzato direttamente nella griglia.
• Invii di moduli: il riquadro ora identifica e mostra esplicitamente form_submission come trigger per il precaricamento.

Problemi di Chromium: 479524246, 40926909

Questo è stato un contributo della community, grazie a @hjanuschka!

Contesto del report sugli arresti anomali

Una nuova sezione Report sugli arresti anomali nella barra laterale del riquadro Applicazione ti consente di esaminare i report sugli arresti anomali generati dal browser. Per ogni report, DevTools ora mostra una griglia Contesto dettagliata contenente attributi chiave-valore correlati all'arresto anomalo, semplificando la correlazione degli arresti anomali con stati o configurazioni specifici del frame.

Problemi di Chromium: 400432195

Query @container solo con nome

Ora DevTools supporta le query @container solo con il nome. In precedenza, le query senza un descrittore (come @container sidebar) potrebbero non essere riflesse correttamente nella scheda Stili. Ora vengono visualizzati correttamente e sono collegabili nella sezione delle proprietà di stile.

Sezioni compresse che non contribuiscono

Per ridurre il disordine, la scheda Stili ora comprime automaticamente le sezioni che non contribuiscono con dichiarazioni attive. Le regole vuote o contenenti solo proprietà sovraccariche (ignorate da altre regole) vengono compresse per impostazione predefinita, mentre le sezioni con proprietà disattivate rimangono espanse per semplificare il debug.

Problemi di Chromium: 40287550, 351662727

Ordine delle richieste e limitazione consigliata

• Colonna Numero richiesta: ora puoi aggiungere una colonna facoltativa Numero richiesta al pannello Rete. Questa colonna mostra l'ordine assoluto in cui sono state avviate le richieste e supporta l'ordinamento.
• Limitazione consigliata: il menu a discesa della limitazione del riquadro Rete ora evidenzia i preset consigliati in base ai dati sul campo reali (CrUX) degli utenti del tuo sito, allineandoli ai consigli già presenti nel riquadro Rendimento.

Problemi di Chromium: 40276422, 456383409

Provenienza degli annunci negli strumenti decorativi

DevTools ora offre maggiore trasparenza sul motivo per cui gli elementi vengono taggati come annunci. Quando passi il mouse sopra un elemento decorativo annuncio nel riquadro Elementi, una nuova descrizione comando mostra la provenienza dell'annuncio.

La descrizione comando fornisce il contesto sul motivo per cui l'elemento è stato identificato come annuncio, ad esempio:

• Ascendenza dello script: gli script coinvolti nella creazione dell'elemento.
• Regole dell'elenco dei filtri: la regola specifica di un elenco dei filtri (ad es. EasyList) che corrispondeva all'elemento o alla risorsa caricata.

Ciò aiuta gli sviluppatori e i ricercatori in materia di privacy a comprendere il "perché" del tagging degli annunci e a eseguire il debug dei falsi positivi.

Problemi di Chromium: 490029725, 495842556

Altri punti salienti

• Emulazione: è stato corretto un bug di lunga data per cui l'acquisizione di screenshot a pagina intera a volte lasciava la finestra di visualizzazione in uno stato "trapelato" o danneggiato (495385035).
• WebAuthn: è stato aggiunto il supporto per il test delle estensioni hmac-secret e hmac-secret-mc con autenticatori virtuali (420689820).
• Memoria: miglioramento del feedback quando viene attivata manualmente la garbage collection con una nuova notifica snackbar (493708151).
• Ispezione oggetti: è stato rimosso l'esperimento show-option-to-expose-internals-in-heap-snapshot; la casella di controllo ora viene visualizzata per impostazione predefinita (497855658).