Novità di DevTools, Chrome 140

Sofia Emelianova
Sofia Emelianova
GitHub

Eseguire il debug di più approfondimenti con Gemini

In Rendimento > Approfondimenti, ora puoi fare clic su Debug con l'AI (in precedenza Chiedi all'AI) per chattare ed eseguire il debug con Gemini nel riquadro Assistenza AI per ottenere ulteriori approfondimenti sul rendimento:

  • Migliora il caricamento delle immagini
  • JavaScript precedente
  • JavaScript duplicato
  • HTTP moderno

Prima e dopo l'aggiunta del pulsante "Esegui il debug con l'AI" a ulteriori approfondimenti sul rendimento.

Emula l'intestazione "Save-Data" in "Condizioni di rete"

Nel riquadro Condizioni di rete, ora puoi emulare il comportamento dell'intestazione della richiesta Save-Data. Questa intestazione è un suggerimento del client di rete che indica la preferenza del client per un utilizzo ridotto dei dati. È disponibile anche tramite l'API navigator.connection.saveData.

Prima e dopo l'aggiunta dell'emulazione dell'intestazione della richiesta "Save-Data" a "Condizioni di rete".

Problema di Chromium: 40668980.

Visualizzare lo stato di Baseline nella descrizione comando di una proprietà CSS

In Elementi > Stili, quando passi il mouse sopra una proprietà CSS, ora puoi vedere, sotto la definizione della proprietà, la sua disponibilità nei principali browser in base al suo stato Baseline.

Prima e dopo l'aggiunta dello stato Baseline ai suggerimenti delle proprietà CSS.

Problema di Chromium: 417749762.

Eseguire l'override dei fattori di forma nei suggerimenti client dello user agent

Nel menu a discesa Condizioni di rete > User-Agent Client Hints, ora hai la possibilità di ignorare i fattori di forma, in particolare i valori dell'intestazione della richiesta Sec-CH-UA-Form-Factors.

Prima e dopo l'aggiunta delle opzioni per l'override del fattore di forma agli hint client User-Agent.

Problema di Chromium: 422218341.

Lighthouse 12.8.0

Il riquadro Lighthouse ora esegue Lighthouse 12.8.0.

La novità più importante di questa versione è l'aggiunta di un nuovo report: Mitiga gli attacchi XSS (cross-site scripting) basati su DOM con Trusted Types.

Consulta anche l'elenco completo delle modifiche.

Per scoprire le nozioni di base sull'utilizzo del riquadro Lighthouse in DevTools, consulta Lighthouse: ottimizzare la velocità del sito web.

Problema di Chromium: 40543651.

Punti salienti vari

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

  • Assistenza AI:
    • La cronologia della chat viene ora cancellata quando disattivi la funzionalità di AI corrispondente nelle Impostazioni.
    • Accessibilità: gli screen reader ora annunciano i titoli del contesto in anticipo, "Caricamento della risposta" quando la risposta inizia lo streaming e "Risposta pronta" quando la risposta è completa.
  • Elementi:
    • La scheda Stili ora può valutare le funzioni CSS sibling-index(), sibling-count() e env() (crbug.com/417128001, crbug.com/40196710).
    • È stato aggiunto il supporto per lo pseudo elemento ::view-transition-group-children (crbug.com/425901164).
    • È stato aggiunto il supporto per i problemi di accessibilità relativi ai contenuti interattivi nell'elemento <summary> (crbug.com/427172874).
    • Dalla scheda Calcolato, ora puoi passare alle proprietà estese in Stili (crbug.com/41486012).
    • Editor Easing e Colore: ora puoi interagire con i campioni di Bézier per le transizioni di animazione e con i campioni di colore utilizzando la tastiera (crbug.com/401213421).
  • Rete: l'importazione dei file HAR ora include anche i cookie di richiesta e risposta (crbug.com/432995868).
  • Modalità dispositivo: agenti utente aggiornati per i dispositivi Apple all'ultima versione di Safari 18.5.

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.