Questa pagina è stata tradotta dall'API Cloud Translation.

Novità di DevTools, Chrome 126

Sofia Emelianova

Miglioramenti al riquadro Prestazioni

Questa versione introduce diversi miglioramenti al riquadro Prestazioni.

Spostare e nascondere le tracce con la modalità di configurazione dei canali aggiornata

Ora puoi attivare la modalità di configurazione dei canali facendo clic con il tasto destro del mouse sul nome del canale e selezionando Configura canali. Il pulsante di modifica che richiedeva spazio aggiuntivo è stato rimosso.

La modalità di configurazione delle tracce consente di modificare l'ordine delle tracce e nasconderle. Fai clic su arrow_upward verso l'alto o arrow_downward verso il basso per spostare la traccia oppure fai clic su visibility_off per nascondere. Per uscire dalla modalità di configurazione, fai clic su Termina configurazione dei canali in basso. Questa configurazione persiste per le nuove tracce, ma non per le successive sessioni DevTools.

Problema di Chromium: 336266699.

Ignora gli script nel grafico a fiamme

Il grafico a fiamme nella traccia principale aggiunge il supporto dell'elenco di elementi da ignorare. Ora puoi fare clic con il tasto destro del mouse su uno script nel grafico e selezionare Aggiungi script all'elenco di elementi da ignorare.

L'opzione di menu per aggiungere lo script all'elenco di elementi da ignorare, gli script contrassegnati come ignorati e le regole corrispondenti nelle Impostazioni.

Il grafico comprime gli script ignorati, li contrassegna come Nell'elenco degli elementi da ignorare e li aggiunge a Regole di esclusione personalizzate in Impostazioni, Impostazioni > Elenco di elementi da ignorare. Gli script ignorati vengono salvati finché non li rimuovi dall'analisi o dalle regole di esclusione personalizzate.

Problema di Chromium: 336266714.

Ridurre la CPU di 20 volte

Il menu di limitazione della CPU in Impostazioni di acquisizione del riquadro Prestazioni ha una nuova opzione di rallentamento 20 volte. In questo modo, ora è possibile riprodurre e analizzare in modo più accurato i problemi di prestazioni reali, anche sui computer di fascia alta.

Il prima e dopo l'aggiunta dell'opzione "20x slowdonw" alle "Impostazioni di acquisizione".

Problema di Chromium: 324978881.

Il riquadro Informazioni sulle prestazioni verrà ritirato

Il riquadro sperimentale Informazioni sul rendimento verrà ritirato nel 2024. Il team di DevTools sta lavorando all'integrazione delle sue funzionalità più utili nel riquadro Prestazioni. Il riquadro Informazioni sul rendimento ora mostra un banner nella parte superiore che ti informa dell'imminente ritiro.

Per saperne di più, consulta la sezione Strumenti per il rendimento nel 2024 e oltre.

Se hai feedback su cosa funziona, cosa non funziona e cosa pensi si possa fare meglio, ci piacerebbe conoscere la tua opinione.

Incolla intere stringhe di intestazione per sovrascriverle

Ora quando esegui l'override delle intestazioni, puoi incollare un'intera stringa di intestazione (HEADER_NAME: VALUE) e DevTools suddividerà la stringa in : in un nome di intestazione e nel relativo valore.

Guarda come funziona nel seguente video.

Durante la modifica delle intestazioni, il riquadro Rete ora ti avvisa se hai inserito caratteri diversi da caratteri alfanumerici, trattini e trattini bassi.

L'avviso accanto al nome di un'intestazione con caratteri non supportati.

Inoltre, le opzioni di menu di override e i pulsanti Modifica sono disattivati per chrome://-URL, il che corrisponde al comportamento previsto.

Problemi di Chromium: 330967147, 337012362, 328210785.

Rileva un utilizzo eccessivo della memoria con i nuovi filtri negli snapshot heap

Gli snapshot heap nel riquadro Memoria ricevono nuovi filtri che possono aiutarti a trovare i casi comuni di utilizzo non efficiente della memoria, ad esempio stringhe duplicate, oggetti conservati da nodi DOM scollegati e la console DevTools.

Le opzioni di filtro "prima e dopo l'aggiunta" per i casi comuni di utilizzo non efficiente della memoria.

Problema di Chromium: 337094903.

Ispeziona i bucket di archiviazione in Applicazione > Archiviazione

Ora puoi esaminare i bucket di archiviazione in una struttura ad albero dedicata nella sezione Applicazione > Archiviazione. Questa struttura, precedentemente sperimentale, è stata attivata per impostazione predefinita.

I prima e dopo l'abilitazione della struttura ad albero dei bucket di archiviazione nella sezione Storage.

Problema di Chromium: 338094915.

Disabilita gli avvisi self-XSS con un flag della riga di comando

Se automatizzi l'utilizzo di Chrome o in altro modo apri DevTools dalla riga di comando per il debug, ti consigliamo spesso di disattivare l'avviso XSS autonomo che viene visualizzato in ogni nuova sessione DevTools.

La finestra di dialogo di avviso autonomo nella console.

Ora puoi disattivare questa finestra di dialogo passando il flag della riga di comando --unsafely-disable-devtools-self-xss-warnings a Chrome.

Problema di Chromium: 41491762.

Lighthouse 12.0.0

Il riquadro Lighthouse ora esegue Lighthouse 12.0.0.

Questo aggiornamento apporta una serie di modifiche, tra cui la rimozione della categoria PWA, la riorganizzazione delle categorie SEO, il ritiro del risparmio complessivo, nuovi controlli e modifiche ai controlli. Consulta l'elenco completo delle modifiche.

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

Problema di Chromium: 772558.

Varie in evidenza

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

Rendimento:
- Le impostazioni di acquisizione lenta (Attiva strumentazione di colorazione avanzata e Attiva le statistiche del selettore CSS) ora vengono cancellate automaticamente nella successiva sessione DevTools.
- Ora la scheda Statistiche selettore non scorre automaticamente verso il basso man mano che aumenti lo zoom sul grafico a fiamme e nelle modifiche ai dati (337999939).
Console: la scorciatoia Ctrl+" ora chiude la console nel riquadro a scomparsa solo se è attiva (40875466, 328210785).
Compilazione automatica: l'analisi dell'indirizzo è stata corretta (335409093, 335409707).
Accessibilità: gli annunci dello screen reader per le stringhe localizzate sono fissi (324930007).

Scarica i canali in anteprima

Prendi in considerazione l'utilizzo di Chrome Canary, Dev o beta come browser di sviluppo predefinito. Questi canali in anteprima ti consentono di accedere alle funzionalità di DevTools più recenti, di testare le API per piattaforme web all'avanguardia e di individuare eventuali problemi sul tuo sito prima che lo facciano gli utenti.

Contattare il team di Chrome DevTools

Utilizza le opzioni seguenti per discutere delle nuove funzionalità e delle modifiche nel post o di qualsiasi altra cosa relativa a DevTools.

Inviaci un suggerimento o un feedback tramite crbug.com.
Segnala un problema DevTools utilizzando Altre opzioni > Guida > Segnala i problemi di DevTools in DevTools.
Tweet all'indirizzo @ChromeDevTools.
Lascia commenti sui video di YouTube o sui suggerimenti di DevTools in DevTools Video di YouTube.