Data di pubblicazione: 10 marzo 2026
Chrome 146 offre un supporto migliorato per i fogli di stile adottati nel pannello Elementi, migliora significativamente la navigazione nella cronologia della Console e semplifica il flusso di lavoro di debug della privacy, oltre a vari altri piccoli correzioni e aggiornamenti.
Aggiornamenti del server MCP di DevTools
Il server MCP di DevTools ora è alla versione 0.19.0 e offre nuovi strumenti potenti, miglioramenti dell'efficienza e competenze di debug specializzate:
- Controlli Lighthouse integrati:ora puoi eseguire i controlli Lighthouse direttamente tramite MCP, consentendo controlli automatici di rendimento e qualità all'interno dei workflow dell'agenzia.
- Modalità Slim:è ora disponibile una nuova modalità
--slim, progettata per ottimizzare le descrizioni e i parametri degli strumenti per il massimo risparmio di token. - Nuove competenze di debug: sono state aggiunte competenze dedicate specificamente all'audit e al debug dell'accessibilità, nonché al debug e all'ottimizzazione di Largest Contentful Paint (LCP).
- Strumenti e funzionalità ampliati:il server ora supporta contesti del browser isolati dall'archiviazione, la registrazione sperimentale di screencast, un nuovo strumento
take_memory_snapshote funzionalità di interazione avanzate cometype_text.
Per l'elenco completo delle modifiche, consulta il changelog pubblico su GitHub.
Preservare le modifiche alla cronologia della console
È stato risolto un problema di lunga data nella console. In precedenza, se modificavi un comando estratto dalla cronologia e uscivi dalla pagina (premendo Su o Giù), le modifiche andavano perse.
In Chrome 146, DevTools ora conserva le modifiche mentre navighi nella cronologia dei comandi. Puoi iniziare a modificare un comando precedente, cercarne un altro e tornare alla bozza senza perdere il lavoro.
Questo è stato un contributo della community, grazie a @hjanuschka!
Problema di Chromium: 355108929
Supporto migliorato per i fogli di stile adottati
Il debug dei componenti web e delle architetture CSS moderne è ora molto più semplice.
I fogli di stile adottati non sono più nascosti, ma sono raggruppati in un nodo #adopted-style-sheets dedicato all'interno della struttura DOM nel riquadro Elementi.
Puoi esaminare questi fogli proprio come i tag <style> standard e persino modificare
le loro regole direttamente nel riquadro Stili. In questo modo si ottiene la parità tra
fogli di stile creati e stili dichiarativi, semplificando il debug di
Shadow DOM, componenti web e sistemi di progettazione condivisi.
Problemi di Chromium: 476399197, 40802935
Supporto del layout a griglia compatto
L'editor griglia nel riquadro Stili ora supporta l'algoritmo di
impacchettamento dense. Quando modifichi grid-auto-flow, vedrai una nuova casella di controllo per la parola chiave
dense, che ti consente di passare rapidamente dalla modalità di impacchettamento standard a quella densa direttamente dall'interfaccia utente.
Questo è un contributo della community, grazie a @TheNourhan!
Problema di Chromium: 40791512
Debug semplificato della privacy
Il precedente riquadro Privacy e sicurezza è stato rinominato Sicurezza e riorganizzato per ridurre il disordine dell'interfaccia utente e consolidare i workflow di debug. Tutte le informazioni relative alla privacy, come i problemi relativi ai cookie di terze parti e il controllo di potenziali interruzioni, vengono ora segnalate direttamente nella console.
Questa modifica significa che non devi più passare da un pannello all'altro per diagnosticare i problemi di privacy. Questi vengono visualizzati insieme agli altri log ed errori, fornendo un contesto immediato.
Problema di Chromium: 473796598
Punti salienti vari
- Origini:una revisione importante dell'architettura della traccia dello stack risolve i problemi in cui le mappe delle origini a caricamento tardivo causavano il salto o il cambio di file inaspettato della UI.
- Rete:il popup dell'iniziatore ora utilizza il sistema di stack trace migliorato per catene di richieste più affidabili.
Annunci di accessibilità
Questa versione introduce i seguenti miglioramenti dell'accessibilità:
- Registratore:gli screen reader ora annunciano quando la barra laterale "Mostra codice" viene attivata/disattivata.
- Applicazione:i nuovi titoli dei report "Archiviazione condivisa", "Cache indietro/avanti" e "Mitigazione del monitoraggio del bounce" ora vengono annunciati correttamente come intestazioni.
- Impostazioni:il supporto della modalità ad alto contrasto è stato migliorato per le scorciatoie e i pulsanti di colore.
- Generale:migliore visibilità della messa a fuoco per vari elementi dell'interfaccia utente, tra cui il riquadro Panoramica CSS e le voci del lettore multimediale.