Novità di DevTools, Chrome 139

Sofia Emelianova
Sofia Emelianova
GitHub

Chrome DevTools più affidabile e produttivo

In questa versione, Chrome DevTools ha dato la priorità all'eccellenza del prodotto. Ciò ha comportato la risoluzione di una vasta gamma di problemi noti, da problemi grafici di vecchia data, problemi di usabilità e incoerenze nel design a problemi funzionali e di rendimento. Nel complesso, abbiamo ridotto il numero di problemi aperti del 27%.

Abbiamo finalmente risolto alcuni problemi risalenti a diversi anni fa, ma abbiamo anche apportato miglioramenti a funzionalità più recenti, ad esempio nel pannello Rendimento e nell'assistenza AI. Il risultato è un'esperienza di sviluppo notevolmente migliorata a tutti i livelli.

Dietro le quinte, abbiamo compiuto un enorme sforzo per migliorare la copertura dei test, abbiamo esaminato i complessi errori dei test, abbiamo eseguito la migrazione dei test a basi più solide e abbiamo risolto i bug che abbiamo scoperto lungo il percorso. Siamo riusciti a ridurre del 54% il numero di problemi relativi ai test.

Ci auguriamo che tu possa notare questi numerosi aggiustamenti e perfezionamenti sottili in vari pannelli, rendendo i tuoi flussi di lavoro quotidiani di debug e sviluppo più fluidi, affidabili e produttivi.

Caricare immagini nell'assistenza AI per lo stile

Per fornire un contesto visivo aggiuntivo ai tuoi prompt, ora puoi non solo scattare screenshot automatici, ma anche caricare immagini arbitrarie nelle tue chat con Gemini nel riquadro Assistenza AI.

Avvia la conversazione dal riquadro Elementi selezionando un elemento DOM e facendo clic su Chiedi all'AI, in modo che l'elemento venga specificato come contesto della conversazione. Poi, fai clic su Aggiungi immagine nel campo di input.

Il prima e il dopo supportano i caricamenti di immagini arbitrarie.

Aggiungere intestazioni delle richieste alla tabella in Rete

Nel riquadro Rete, ora puoi fare clic con il tasto destro del mouse sul nome di una colonna nella tabella delle richieste e selezionare più intestazioni di richiesta per aggiungerle come colonne.

Prima e dopo l'aggiunta dell'opzione "Intestazioni della richiesta" al menu.

Problema di Chromium: 397481040.

Scopri i momenti salienti di Google I/O 2025

Se non l'hai ancora fatto, prova le nuove funzionalità principali di Chrome DevTools evidenziate al Google I/O 2025, tra cui:

Inoltre, dai un'occhiata alle nuove informazioni sul rendimento: JavaScript duplicato e JavaScript precedente.

Punti salienti vari

Di seguito sono riportate alcune delle numerose correzioni e miglioramenti degni di nota in questa release:

  • Applicazione: ora è presente una finestra di dialogo di conferma per cancellare gli object store IndexedDB perché è un'azione irreversibile (crbug.com/326987147).
  • Origini: i badge dei punti di log e dei punti di interruzione condizionali accanto alle righe di codice ora mostrano un suggerimento al passaggio del mouse con il messaggio di log o la condizione corrispondente (crbug.com/40266230).

  • Prestazioni:

    • L'approfondimento Elementi che causano la variazione del layout ora mostra i link alle immagini senza dimensioni (crbug.com/416449602).
    • L'approfondimento Rilevamento della richiesta LCP ora mostra il ritardo nel caricamento dell'immagine dopo il primo punto di inizio.
    • Limitazione: è stato corretto il formato obsoleto delle impostazioni di limitazione che alcuni utenti avevano memorizzato localmente.
    • Log eventi: il filtro è stato velocizzato (crbug.com/40783421).

  • Animazioni: sono stati ritirati gli screenshot di anteprima perché il clic per visualizzare l'anteprima di un gruppo di animazioni offre un'esperienza simile e migliore (crbug.com/330179643).

  • Accessibilità:

    • Sono state aggiunte etichette aria alla barra laterale Origini > Punti di interruzione del DOM, se presente.
    • È stata corretta la navigazione da tastiera con Maiusc + Tab nel campo di testo Espressione live nella console (crbug.com/408398435, crbug.com/420344137).
    • Impostazioni ora supporta le scorciatoie per aumentare/diminuire/reimpostare lo zoom: Cmd/Ctrl + +/-/0 (crbug.com/41484555).
    • Elementi > Stili: le icone di suggerimenti e avvisi CSS (crbug.com/40706851) e l'orologio angolare sono ora selezionabili con la tastiera (crbug.com/401212624, crbug.com/401213524).

Scaricare i canali in anteprima

Prendi in considerazione l'utilizzo di Chrome Canary, Dev o Beta come browser di sviluppo predefinito. Questi canali di anteprima ti consentono di accedere alle funzionalità più recenti di DevTools, testare le API della piattaforma web all'avanguardia e trovare problemi sul tuo sito prima che lo facciano i tuoi utenti.

Contatta il team di Chrome DevTools

Utilizza le seguenti opzioni per discutere delle nuove funzionalità, degli aggiornamenti o di qualsiasi altro argomento relativo a DevTools.

Novità di DevTools

Un elenco di tutti gli argomenti trattati nella serie Novità di DevTools.