Questa pagina è stata tradotta dall'API Cloud Translation.

Novità di DevTools (Chrome 113)

Sofia Emelianova

Jecelyn Yeen

Esegui l'override delle intestazioni delle risposte di rete

Ora puoi sostituire le intestazioni delle risposte nel riquadro Rete. In precedenza, era necessario accedere al server web per sperimentare le intestazioni delle risposte HTTP.

Con gli override delle intestazioni delle risposte, puoi prototipare a livello locale correzioni per varie intestazioni, incluse, a titolo esemplificativo:

Per eseguire l'override di un'intestazione, seleziona Rete > Intestazioni > Intestazioni della risposta, passa il mouse sopra il valore di un'intestazione, fai clic su e modificala.

Errore CORS corretto da un override dell'intestazione.

Puoi anche aggiungere intestazioni personalizzate.

Aggiunta di un'intestazione personalizzata.

Per modificare tutti gli override in un unico posto, modifica il file .headers in Origini > Sostituzioni. Qui puoi anche fare clic su Aggiungi regola di override per eseguire l'override di più richieste utilizzando i caratteri jolly (*).

Modifica di tutti gli override.

Problema di Chromium: 1288023.

Miglioramenti al debug di Nuxt, Vite e di aggregazione

Per aiutarti a individuare più rapidamente i problemi durante il debug, l'analisi dello stack avanzata ora nasconde i frame che provengono da origini generate da Nuxt 3.3 o versioni successive. DevTools ignora questi frame:

Nelle tracce della console, sotto il link Mostra N altri frame.
In Origini > Stack di chiamate, in Mostra frame nell'elenco di elementi da ignorare.

L'analisi dello stack prima e dopo l'attivazione dell'elenco di elementi da ignorare di terze parti.

Per offrirti questi miglioramenti, i team DevTools, Nuxt, Vite e Rollup hanno collaborato per adottare l'estensione della mappa di origine x_google_ignoreList:

Il team DevTools desidera esprimere gratitudine ai team di Nuxt, Vite e Rollup per aver reso possibile tutto ciò. Apprezziamo il tuo impegno e la tua collaborazione, che sono stati fondamentali per il successo di questa implementazione. Grazie ancora per i tuoi contributi.

Miglioramenti CSS in Elementi > Stili

Proprietà e valori CSS non validi

Per aiutarti a diagnosticare più rapidamente i problemi CSS, il riquadro Stili ora barra:

Un'intera dichiarazione CSS (proprietà e valore) quando la proprietà CSS non è valida.
Solo il valore quando la proprietà CSS è valida, ma non è valido.

Nome e valore non validi della proprietà non validi.

Il team di DevTools vorrebbe esprimere la tua gratitudine a Yisi(stories丝) per aver apportato questo miglioramento.

Link ai frame chiave nella proprietà della forma breve dell'animazione

La proprietà CSS breve animation ora contiene i link alle @keyframes at-rules corrispondenti, per consentirti di navigare più velocemente nel riquadro Stili.

Link ai fotogrammi chiave nella proprietà della forma breve dell'animazione.

Problema di Chromium: 1420656.

Nuova impostazione della console: completamento automatico alla pressione del tasto Invio

A partire dalla versione precedente (112), puoi configurare la console DevTools per applicare un suggerimento di completamento automatico quando premi Enter.

Per impostazione predefinita, per accettare un suggerimento di completamento automatico puoi premere Tab o Arrow right. Per eseguire il completamento automatico anche con Enter, attiva Impostazioni > Console > Accetta suggerimento di completamento automatico alla pressione del tasto Invio.

La casella di controllo corrispondente nelle Impostazioni.

Inoltre, il testo di un'altra impostazione ora è più facile da usare: Considera la valutazione del codice come un'azione utente.

Problema di Chromium: 1276960.

La finestra di dialogo di apertura rapida nel menu Comando ora disattiva i file di terze parti in elenco di elementi da ignorare per dare maggiore enfasi ai file creati da te.

Uno script da ignorare nella finestra di dialogo di apertura rapida prima e dopo la modifica.

Problema di Chromium: 1424345.

Ritiro di Profiler JavaScript: fase 2

Già a partire da Chrome 58, il team DevTools aveva pianificato il ritiro di JavaScript Profiler e gli sviluppatori Node.js e Deno utilizzavano il riquadro Prestazioni per profilare le prestazioni della CPU JavaScript.

La versione 113 di DevTools avvia la seconda fase del ritiro del profilo JavaScript in quattro fasi. In questa fase puoi comunque aprire il riquadro, ma la relativa UI non è più disponibile.

Per profilare le prestazioni della CPU, fai clic su Vai al riquadro Prestazioni.

Ritiro di JavaScript Profiler.

Problema di Chromium: 1354548.

Varie in evidenza

Di seguito sono riportate alcune correzioni importanti di questa release:

Risolto un bug che causava la gestione errata dei nomi delle variabili con caratteri Unicode nella stampa del riquadro Origini (1425055).
Nella scheda Problemi è stato aggiunto un nuovo messaggio relativo ai problemi di compilazione automatica relativi a valori HTML non standard (1399414).

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.