Eseguire l'override delle intestazioni delle risposte di rete
Ora puoi ignorare le intestazioni di risposta nel riquadro Rete. In precedenza, per sperimentare le intestazioni della risposta HTTP, era necessario accedere al server web.
Con gli override delle intestazioni di risposta, puoi prototipare localmente le correzioni per varie intestazioni, tra cui, a titolo esemplificativo:
- Intestazioni per la condivisione delle risorse tra origini (CORS)
- Intestazioni Permissions-Policy
- Intestazioni di isolamento multiorigine
Per ignorare un'intestazione, vai a Rete > Intestazioni > Intestazioni della risposta, passa il mouse sopra il valore di un'intestazione, fai clic su e modificalo.
Puoi anche aggiungere intestazioni personalizzate.
Per modificare tutti gli override in un unico posto, modifica il file .headers in Origini > Override. Qui puoi anche fare clic su Aggiungi regola di override per eseguire l'override di più richieste utilizzando caratteri jolly (*).
Problema di Chromium: 1288023.
Miglioramenti del debug di Nuxt, Vite e Rollup
Per aiutarti a individuare più rapidamente i problemi durante il debug, la traccia dello stack avanzata ora nasconde i frame provenienti da origini generate da Nuxt 3.3 o versioni successive. DevTools ignora questi frame:
- Nelle tracce della console, sotto il link Mostra altri N frame.
- In Origini > Stack di chiamate, nella sezione
Mostra frame inclusi nell'elenco ignorati.
Per apportare questi miglioramenti, i team di DevTools, Nuxt, Vite e Rollup hanno collaborato per adottare l'estensione della mappa di origine x_google_ignoreList:
Il team di DevTools desidera esprimere la propria gratitudine ai team di Nuxt, Vite e Rollup per aver reso possibile questa funzionalità. Apprezziamo il tuo impegno e la tua collaborazione, che sono stati essenziali 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 sbarra:
- Un'intera dichiarazione CSS (proprietà e valore) quando la proprietà CSS non è valida.
- Solo il valore quando la proprietà CSS è valida, ma il valore non è valido.
Il team di DevTools desidera esprimere la propria gratitudine a Yisi(一丝) per l'implementazione di questo miglioramento.
Link ai fotogrammi chiave nella proprietà abbreviata dell'animazione
La proprietà CSS abbreviata animation ora contiene link alle regole at @keyframescorrispondenti, in modo da poter navigare più rapidamente nel riquadro Stili.
Problema di Chromium: 1420656.
Nuova impostazione della console: completamento automatico con Invio
A partire dalla versione precedente (112), puoi configurare la console di DevTools in modo che applichi 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 completare automaticamente anche con Enter, attiva Impostazioni > Console >
Accetta suggerimento di completamento automatico con Invio.
Inoltre, il testo di un'altra impostazione è ora più intuitivo: Tratta la valutazione del codice come azione dell'utente.
Problema di Chromium: 1276960.
Il menu dei comandi mette in evidenza i file creati
La finestra di dialogo di apertura rapida nel menu dei comandi ora disattiva i file di terze parti ignorati per dare maggiore risalto ai file che hai creato.