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 Rendimento,

Spostare e nascondere i canali 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 ti consente di modificare l'ordine delle tracce e di nasconderle. Fai clic su arrow_upward su o arrow_downward per spostare la traccia o fai clic su visibility_off per nascondere. Per uscire dalla modalità di configurazione, fai clic su Termina configurazione canali in basso. Questa configurazione persiste per le nuove tracce, ma non per le successive sessioni DevTools.

Problema relativo a 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 degli elementi da ignorare, gli script contrassegnati come ignorati e le regole corrispondenti in Impostazioni.

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

Problema relativo a Chromium: 336266714.

Ridurre la CPU di 20 volte

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

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

Problema relativo a Chromium: 324978881.

Il riquadro Informazioni sulle prestazioni verrà ritirato

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

Per scoprire di più, consulta l'articolo Strumenti per il rendimento nel 2024 e oltre.

Se hai feedback su ciò che funziona, ciò che non funziona e cosa potrebbe essere migliorato, ci piacerebbe conoscere la tua opinione.

Incolla intere stringhe di intestazione per sostituirle

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

Guarda come funziona nel seguente video.

Quando modifichi le 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 gli URL chrome:// e ciò corrisponde al comportamento previsto.

Problemi relativi a Chromium: 330967147, 337012362, 328210785.

Uso eccessivo della memoria con nuovi filtri negli snapshot dell'heap

Gli snapshot heap nel riquadro Memoria dispongono di nuovi filtri che possono aiutarti a individuare casi comuni di utilizzo inefficiente della memoria, come stringhe duplicate, oggetti conservati da nodi DOM scollegati e la console DevTools.

Le opzioni di filtro prima e dopo l'aggiunta di filtri per i casi comuni di utilizzo della memoria inefficiente.

Problema relativo a Chromium: 337094903.

Ispeziona i bucket di archiviazione in Applicazione > Archiviazione

Ora puoi esaminare i bucket di archiviazione in una struttura ad albero dedicato nella sezione Applicazione > Archiviazione. Questo albero, precedentemente sperimentale, è stato attivato per impostazione predefinita.

Prima e dopo l'abilitazione dell'albero dei bucket di archiviazione nella sezione Archiviazione.

Problema relativo a Chromium: 338094915.

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

Se automatizzi l'utilizzo di Chrome o apri DevTools dalla riga di comando per il debug, spesso vorrai disattivare l'avviso self-XSS che viene visualizzato in ogni nuova sessione di DevTools.

La finestra di dialogo di avviso self-xss 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 relativo a Chromium: 41491762.

Lighthouse 12.0.0

Nel riquadro Lighthouse ora è in esecuzione Lighthouse 12.0.0.

Questo aggiornamento introduce una serie di modifiche, tra cui la rimozione della categoria PWA, la riorganizzazione della categoria SEO, il ritiro del Risparmio complessivo, nuovi controlli e modifiche di audit. 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 relativo a Chromium: 772558.

Varie in evidenza

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

Rendimento:
- Le impostazioni di acquisizione lenta (Attiva la strumentazione di colorazione avanzata e Attiva le statistiche del selettore CSS) ora vengono cancellate automaticamente nella successiva sessione DevTools.
- La scheda Statistiche selettore ora non scorre automaticamente verso il basso mentre esegui lo zoom sul grafico a fiamme e le modifiche ai dati (337999939).
Console: ora la scorciatoia Ctrl+` chiude la console nel riquadro a scomparsa solo se è in primo piano (40875466, 328210785).
Compilazione automatica: l'analisi degli indirizzi è stata corretta (335409093, 335409707).
Accessibilità: gli annunci dello screen reader per le stringhe localizzate sono corretti (324930007).

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 ultime funzionalità di DevTools, di testare le API delle piattaforme web all'avanguardia e di individuare i problemi sul tuo sito prima che lo facciano gli utenti.

Contattare il team di Chrome DevTools

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

Inviaci un suggerimento o un feedback tramite crbug.com.
Segnala un problema di DevTools usando Altre opzioni > Guida > Segnala un problema di DevTools in DevTools.
Invia un tweet all'indirizzo @ChromeDevTools.
Lascia commenti sulle novità nei video di YouTube di DevTools o nei video di YouTube dei suggerimenti di DevTools.