Eseguire il debug di CSS con Gemini
Chrome DevTools riceve il nuovo riquadro sperimentale di assistenza IA in cui puoi chattare con Gemini e ricevere assistenza per il debug del tuo CSS.
Provalo subito! Nel riquadro Elementi, fai clic con il tasto destro del mouse su un elemento e seleziona Ask AI oppure fai clic sul pulsante corrispondente accanto all'elemento. In DevTools si aprirà il nuovo riquadro Assistenza AI.
Nel nuovo riquadro ti verrà chiesto di attivare l'impostazione corrispondente. Assicurati di soddisfare i Requisiti, attiva l'opzione di attivazione/disattivazione dell'impostazione e torna al riquadro Assistenza IA. Verrà utilizzato l'elemento selezionato come contesto. Digita la domanda sull'elemento.
Per scoprire di più su come utilizzare al meglio il nuovo riquadro, consulta 5 fantastiche cose da fare con l'assistenza AI di DevTools e Assistenza AI per lo stile.
Il team di DevTools non vede l'ora di ricevere il tuo feedback. Non esitare a lasciarlo in crbug.com/364805393.
Controllare le funzionalità di IA in una scheda Impostazioni dedicata
Ora puoi gestire tutte le funzionalità di IA in un unico posto: la nuova scheda
Impostazioni > Innovazioni IA. Elenca considerazioni importanti, descrive le funzionalità di IA e consente di attivarle e disattivarle singolarmente.Per ulteriori informazioni, vai a Impostazioni > Innovazioni AI.
Gli Approfondimenti della console sono a portata di clic
DevTools non richiede più l'attivazione della sincronizzazione delle impostazioni per le funzionalità di IA. Pertanto, gli approfondimenti della console rilasciati in precedenza, insieme all'assistenza IA per lo stile, sono a un solo clic di distanza.
Se hai eseguito l'accesso a Chrome, attiva queste funzionalità in Impostazioni > Innovazioni IA e il gioco è fatto.
Miglioramenti al riquadro sul rendimento
Questa versione introduce una serie di miglioramenti al riquadro Rendimento.
Annota e condividi i risultati sul rendimento
Il riquadro Rendimento include la nuova scheda Annotazioni in una barra laterale espandibile a sinistra che semplifica la creazione di note per l'esplorazione delle tracce e la collaborazione durante la condivisione dei risultati sul rendimento.
Ora puoi etichettare e collegare gli eventi con frecce ed evidenziare gli intervalli di tempo direttamente sulla traccia. Puoi quindi salvare, condividere e ricaricare le tracce annotate nel riquadro Rendimento.
Ricevi informazioni sul rendimento direttamente nel riquadro Rendimento
Ora puoi scoprire informazioni strategiche nella nuova scheda Approfondimenti nella barra laterale sinistra del riquadro Rendimento. Le informazioni vengono consolidate dal report Lighthouse e dal riquadro Informazioni sulle prestazioni che sta per essere ritirato.
La scheda Approfondimenti ha lo scopo di fornire un'analisi guidata e suggerire informazioni strategiche sui problemi di rendimento che potrebbero rallentare il sito web. Per utilizzare gli approfondimenti, apri la scheda nella barra laterale sinistra del riquadro Rendimento, espandi le varie categorie, passa il mouse sopra gli elementi e fai clic. Il riquadro Rendimento evidenzia gli eventi corrispondenti nella traccia.
Il team DevTools è impaziente di ricevere il tuo feedback sull'utilità degli approfondimenti, sui modi per migliorarli e sulla tua esperienza di utilizzo con altri strumenti come PageSpeed Insights e Lighthouse. Non esitare a lasciare il tuo feedback in crbug.com/371170842.
Individuare più facilmente variazioni eccessive del layout
Il canale Spostamenti del layout ha un nuovo aspetto. Le variazioni del layout sono ora contrassegnate da rombi viola (più visibili) e sono raggruppate in cluster in base alla loro vicinanza sulla sequenza temporale. Sia le variazioni sia i relativi cluster ricevono una tabella organizzata con tempistiche, punteggi, elementi e potenziali colpe nella scheda Riepilogo.
Inoltre, la visualizzazione delle metriche in tempo reale ottiene il log Variazioni del layout con punteggi ed elementi accanto alla scheda Interazioni.
Problema relativo a Chromium: 369100729.
Individua le animazioni non composte
La traccia Animazioni ora mostra informazioni utili sulle animazioni non composte:
- Assegna un nome alle animazioni in base alla proprietà CSS corrispondente, se presente.
- Contrassegna le animazioni non composte con triangoli rossi nella traccia.
- Mostra il motivo dell'errore di composizione nella scheda Riepilogo.
Per saperne di più, consulta Utilizzare solo proprietà per il compositore e gestire il numero di livelli.
Problema di Chromium: 41006273.
La contemporaneità hardware passa a Sensori
L'impostazione Contemporaneità hardware si sposta dal riquadro Prestazioni a una posizione più appropriata: il riquadro Sensori.
Problema relativo a Chromium: 371463665.
Ignora gli script anonimi e concentrati sul codice nelle analisi dello stack
Le analisi dello stack nella console ora rilevano, ignorano, comprimono e, se sono espansi, in grigio i frame provenienti da file nell'elenco di elementi ignorati. In precedenza, il nome della funzione nella traccia espansa non era visualizzato in grigio.
Puoi anche attivare le nuove
Impostazioni > Elenco di ignorati > Script anonimi da eval o console per impostare DevTools in modo da ignorare gli script anonimi senza URL di origine.Inoltre, quando fai clic con il tasto destro del mouse e selezioni Salva con nome… il log della console, il testo Mostra altro/meno non viene salvato.
Problemi di Chromium: 40279542, 40945570, 345248263.
Elementi > Stili: supporto delle modalità di scrittura sideways-*
per overlay a griglia e parole chiave a livello di CSS
La scheda Elementi > Stili ora supporta quanto segue:
- L'overlay a griglia nell'area visibile ora mostra le griglie per le modalità di scrittura
sideways-rl
esideways-lr
. - Risolve le parole chiave a livello di CSS. In pratica, significa che, ad esempio, se
inherit
è un colore, accanto alla scheda Stili viene visualizzato un selettore di colori.
Problemi relativi a Chromium: 40280717, 40706051, 40501131.
Controlli di Lighthouse per le pagine non HTTP in modalità Periodo di tempo e Snapshot
Lighthouse ora può generare report per pagine non HTTP in modalità Periodo di tempo e Snapshot.
Accessibilità
Questa versione include i seguenti miglioramenti dell'accessibilità:
- In Origini > Editor, le schede con file aperti ora possono essere chiuse selezionando il pulsante X e premendo Invio o Barra spaziatrice.
- In Rendimento, ora puoi selezionare una voce nella traccia e premere Barra spaziatrice per aprire il menu contestuale.
- In Rendimento, la scheda Approfondimenti nella barra laterale a sinistra è accessibile da tastiera e può essere consultata tramite schede.
Problema relativo a Chromium: 372411090.
Altri punti salienti
Di seguito sono riportate alcune correzioni e miglioramenti degni di nota in questa release:
- Le impostazioni di limitazione ora sono sincronizzate correttamente tra i riquadri Prestazioni e Rete (370332090).
- Applicazione > Servizi in background > Caricamenti speculativi > Regole ora include un pulsante per la stampa semplificata
{}
simile a Origini > Editor (40279147). - Espressioni dinamiche: ora, se premi Tab dopo aver selezionato un'opzione di completamento automatico, esci dal campo di modifica anziché rientrare il testo (349939551).
- Elementi > Stili:
anchor()
eanchor-size()
supportano una nuova sintassi in cui è possibile riordinare gli argomenti e omettere la direzioneanchor-size()
(343516786). Inoltre, è stato corretto il rendering di riserva (365802559). - Network: sono state corrette le anteprime GraphQL (369931288).
- Rendimento: ora vengono registrati gli avanzamenti incrementali del caricamento e dell'elaborazione delle tracce.
- WebAuthn: ora aggiorna in modo dinamico le credenziali modificate dai metodi
signal*
(368467199). - WebAssembly: ora un avviso nella console ti informa se sono disponibili più simboli di debug per un modulo WebAssembly e se è in uso quello in uso (40879198, 369515221).
- L'overlay Core Web Vitals viene rimosso dalla scheda Rendering 328487897.
- Le funzionalità di IA generativa ora non richiedono la sincronizzazione delle impostazioni di Chrome.
Scaricare i canali di anteprima
Valuta la possibilità di utilizzare Chrome Canary, Dev o Beta come browser di sviluppo predefinito. Questi canali di anteprima ti danno accesso alle ultime funzionalità di DevTools, ti consentono di testare le API delle piattaforme web all'avanguardia e ti aiutano a individuare i problemi sul tuo sito prima che lo facciano gli utenti.
Contatta il team di Chrome DevTools
Utilizza le seguenti opzioni per discutere delle nuove funzionalità, degli aggiornamenti o di qualsiasi altra cosa relativa a DevTools.
- Inviaci feedback e richieste di funzionalità all'indirizzo crbug.com.
- Segnala un problema di DevTools utilizzando Altre opzioni > Guida > Segnala un problema di DevTools in DevTools.
- Invia un tweet all'account @ChromeDevTools.
- Lascia commenti sulle novità nei video di YouTube di DevTools o sui video di YouTube con i suggerimenti per gli strumenti per sviluppatori.
Novità di DevTools
Un elenco di tutto ciò che è stato trattato nella serie Novità di DevTools.
- Eseguire il debug del CSS con Gemini
- Controlla le funzionalità di IA in una scheda delle impostazioni dedicata
- Miglioramenti al riquadro sul rendimento
- Annota e condividi i risultati sul rendimento
- Ottenere informazioni sul rendimento direttamente nel riquadro Rendimento
- Individuare più facilmente variazioni eccessive del layout
- Rilevare le animazioni non composte
- La contemporaneità hardware passa ai sensori
- Ignora gli script anonimi e concentrati sul codice nelle analisi dello stack
- Elementi > Stili: supporto per le modalità di scrittura sideways-* per gli overlay della griglia e le parole chiave a livello di CSS
- Controlli Lighthouse per pagine non HTTP in modalità intervallo di tempo e snapshot
- Miglioramenti dell'accessibilità
- In evidenza varie
- Miglioramenti al riquadro di rete
- Filtri di rete reinventati
- Le esportazioni HAR ora escludono i dati sensibili per impostazione predefinita
- Miglioramenti al riquadro Elementi
- Valori di completamento automatico per le proprietà text-emphasis-*
- Evidenziazione degli overflow dello scorrimento con un badge
- Miglioramenti al riquadro Rendimento
- Consigli nelle metriche in tempo reale
- Navigare nei breadcrumb
- Miglioramenti al riquadro Memoria
- Nuovo profilo "Elementi scollegati"
- Denominazione migliorata degli oggetti JS semplici
- Disattivare i temi dinamici
- Esperimento Chrome: condivisione dei processi
- Lighthouse 12.2.1
- Varie in evidenza
- Registratore supporta l'esportazione in Puppeteer per Firefox
- Miglioramenti al riquadro sul rendimento
- Osservazioni sulle metriche in tempo reale
- Richieste di ricerca nel canale Rete
- Visualizzare le tracce dello stack delle chiamate performance.mark e performance.measure
- Utilizzare i dati degli indirizzi di prova nel riquadro Compilazione automatica
- Miglioramenti al riquadro Elementi
- Forzare più stati per elementi specifici
- La sezione Elementi > Stili ora completa automaticamente più proprietà della griglia
- Lighthouse 12.2.0
- Varie in evidenza
- Gli Approfondimenti della console di Gemini vengono implementati nella maggior parte dei paesi europei
- Aggiornamenti del riquadro sul rendimento
- Percorso di rete migliorato
- Personalizza i dati sulle prestazioni con l'API estensibilità
- Dettagli nella traccia Tempi
- Copiare tutte le richieste elencate nel riquadro Rete
- Istantanee più veloci dell'heap con tag HTML denominati e meno disordine
- Apri il riquadro Animazioni per acquisire animazioni e modificare @keyframes dal vivo
- Lighthouse 12.1.0
- Miglioramenti dell'accessibilità
- In evidenza varie
- Ispezionare il posizionamento dell'ancora CSS nel riquadro Elementi
- Miglioramenti al riquadro Origini
- Opzione "Non mettere mai in pausa qui" migliorata
- Nuovi listener di eventi di snap di scorrimento
- Miglioramenti al riquadro della rete
- Preimpostazioni per la limitazione della rete aggiornate
- Informazioni sui worker di servizio nei campi personalizzati del formato HAR
- Inviare e ricevere eventi WebSocket nel riquadro Prestazioni
- In evidenza varie
- Miglioramenti al riquadro sul rendimento
- Spostare e nascondere le tracce con la modalità di configurazione delle tracce aggiornata
- Ignorare gli script nel grafico a fiamme
- Ridurre la CPU di 20 volte
- Il riquadro Informazioni sul rendimento verrà ritirato
- Trovare un utilizzo eccessivo della memoria con i nuovi filtri negli snapshot dell'heap
- Controlla i bucket di archiviazione in Applicazione > Spazio di archiviazione
- Disattivare gli avvisi di XSS autoreferenziali con un flag a riga di comando
- Lighthouse 12.0.0
- In evidenza varie
- Informazioni più dettagliate su errori e avvisi nella console con Gemini
- Supporto delle regole @position-try in Elementi > Stili
- Miglioramenti al riquadro Origini
- Configurare la stampa in formato gradevole e la chiusura delle parentesi automatica
- Le promesse rifiutate vengono gestite
- Cause di errori nella console
- Miglioramenti al riquadro di rete
- Ispeziona le intestazioni Early Hints
- Nascondere la colonna Struttura a cascata
- Miglioramenti al riquadro Rendimento
- Acquisire le statistiche del selettore CSS
- Cambiare l'ordine e nascondere le tracce
- Ignorare i fermi nel riquadro Memoria
- Lighthouse 11.7.1
- Varie in evidenza
- Nuovo riquadro Compilazione automatica
- Limitazione della rete migliorata per WebRTC
- Supporto delle animazioni tramite scorrimento nel riquadro Animazioni
- Supporto migliorato della nidificazione CSS in Elementi > Stili
- Riquadro Rendimento migliorato
- Nascondere le funzioni e i relativi elementi secondari nel grafico a fiamme
- Frecce che vanno dai iniziatori selezionati agli eventi avviati
- Lighthouse 11.6.0
- Descrizione comando per categorie speciali in Memoria > Snapshot heap
- Applicazione > Aggiornamenti dello spazio di archiviazione
- Byte utilizzati per lo spazio di archiviazione condiviso
- L'SQL web è completamente deprecato
- Miglioramenti al riquadro Copertura
- Il riquadro Livelli potrebbe essere ritirato
- Ritiro del profiler di JavaScript: fase quattro, finale
- Varie in evidenza
- Trova l'uovo di Pasqua
- Aggiornamenti del riquadro Elementi
- Emula una pagina con lo stato attivo in Elementi > Stili
- Selettore colori, orologio ad angolo ed editor di Easing nei
var()
di riserva - Lo strumento lunghezza CSS è deprecato
- Popover per il risultato di ricerca selezionato in Rendimento > traccia principale
- Aggiornamenti del riquadro della rete
- Pulsante Cancella e filtro di ricerca nella scheda Rete > EventStream
- Suggerimenti degli strumenti con motivi di esenzione per i cookie di terze parti in Rete > Cookie
- Abilita e disattiva tutti i punti di interruzione in Origini
- Visualizzare gli script caricati in DevTools per Node.js
- Lighthouse 11.5.0
- Miglioramenti all'accessibilità
- Varie in evidenza
- È disponibile la raccolta ufficiale di estensioni di Registratore
- Miglioramenti di rete
- Motivo dell'errore nella colonna Stato
- Sottomenu Copia migliorato
- Miglioramenti delle prestazioni
- Breadcrumb nella cronologia
- Iniziatori di eventi nel canale principale
- Menu del selettore di istanze VM JavaScript per Node.js DevTools
- Nuovi comandi e scorciatoie nelle Origini
- Miglioramenti degli elementi
- Lo pseudo-elemento ::view-transition è ora modificabile in Stili
- Supporto della proprietà Allineamento contenuto per i contenitori a blocchi
- Supporto della postura per i dispositivi pieghevoli emulati
- Temi dinamici
- Avvisi di eliminazione graduale dei cookie di terze parti nei riquadri Rete e Applicazione
- Lighthouse 11.4.0
- Miglioramenti dell'accessibilità
- Varie in evidenza
- Miglioramenti degli elementi
- Barra dei filtri semplificata nel riquadro Rete
- Assistenza
@font-palette-values
- Caso supportato: proprietà personalizzata come alternativa di un'altra proprietà personalizzata
- Supporto migliorato delle mappe di origine
- Miglioramenti al riquadro Rendimento
- Monitoraggio delle interazioni ottimizzate
- Filtri avanzati nelle schede In basso, Struttura ad albero e Registro eventi
- Indicatori di rientro nel riquadro Origini
- Descrizioni comando utili per intestazioni e contenuti sostituiti nel riquadro Rete
- Nuove opzioni del menu dei comandi per aggiungere e rimuovere i pattern di blocco delle richieste
- L'esperimento sulle violazioni CSP è stato rimosso
- Lighthouse 11.3.0
- Miglioramenti dell'accessibilità
- In evidenza varie
- Ritiro graduale dei cookie di terze parti
- Analizzare i cookie del tuo sito web con Privacy Sandbox Analysis Tool
- Elenco di elementi da ignorare migliorato
- Pattern di esclusione predefinito per node_modules
- Le eccezioni rilevate ora interrompono l'esecuzione se rilevate o passate attraverso codice non ignorato
x_google_ignoreList
è stato rinominatoignoreList
nelle mappe di origine- Nuovo pulsante di attivazione/disattivazione della modalità di immissione durante il debug remoto
- Il riquadro Elementi ora mostra gli URL per i nodi #documenti
- Criterio di sicurezza del contenuto effettivo nel riquadro Applicazione
- Debug delle animazioni migliorato
- Finestra di dialogo "Ti fidi di questo codice?" nelle Origini e nell'avviso self-XSS nella console
- Punti di interruzione del listener di eventi nei web worker e nei worklet
- Il nuovo badge multimediale per
<audio>
e<video>
- Il precaricamento è stato rinominato in caricamento speculativo
- Lighthouse 11.2.0
- Miglioramenti all'accessibilità
- In evidenza varie
- Sezione @property migliorata in Elementi > Stili
- Regola @property modificabile
- Vengono segnalati i problemi relativi alle regole @property non valide
- Elenco aggiornato di dispositivi da emulare
- Visualizzazione in formato bello del JSON in linea nei tag script nelle origini
- Completa automaticamente i campi privati nella console
- Lighthouse 11.1.0
- Miglioramenti all'accessibilità
- Ritiro di SQL web
- Convalida del formato dello screenshot in Application > Manifest
- Varie in evidenza
- Nuova sezione per le proprietà personalizzate in Elementi > Stili
- Altri miglioramenti alle sostituzioni locali
- Ricerca avanzata
- Riquadro Fonti migliorato
- Area di lavoro semplificata nel riquadro Origini
- Riordinare i riquadri in Origini
- Evidenziazione della sintassi e stampa in formato gradevole per più tipi di script
- Emula la funzionalità dei contenuti multimediali preferiti-trasparenza ridotta
- Lighthouse 11
- Miglioramenti all'accessibilità
- In evidenza varie
- Miglioramenti al riquadro della rete
- Override dei contenuti web localmente ancora più velocemente
- Sostituire i contenuti delle richieste XHR e fetch
- Nascondere le richieste di estensioni di Chrome
- Codici di stato HTTP leggibili da una persona
Stampa in un formato leggibile delle risposte per i sottotipi JSON
Rendimento: visualizza le modifiche alla priorità di recupero per gli eventi di rete
- Impostazioni delle origini attivate per impostazione predefinita: organizzazione del codice e visualizzazione automatica dei file
- Debug dei problemi relativi ai cookie di terze parti migliorato
- Nuovi colori
- Lighthouse 10.4.0
- Eseguire il debug del precaricamento nel riquadro Applicazione
- L'estensione di debug C/C++ WebAssembly per DevTools è ora open source
- Varie in evidenza
- (Sperimentale) Nuova emulazione di rendering: prefers-reduced-transparency
- Monitoraggio(sperimentale) dell'Advanced Protocol
- Miglioramento del debug dei fogli di stile mancanti
- Supporto della temporizzazione lineare in Elementi > Stili > Editor di animazioni graduali
- Supporto dei bucket di archiviazione e visualizzazione dei metadati
- Lighthouse 10.3.0
- Accessibilità: comandi da tastiera e lettura dello schermo migliorata
- Varie in evidenza
- Miglioramenti degli elementi
- Nuovo badge per la griglia secondaria CSS
- Specificità del selettore nelle descrizioni comando
- Valori delle proprietà CSS personalizzate nelle descrizioni comando
- Miglioramenti delle fonti
- Evidenziazione della sintassi CSS
- Scorciatoia per impostare i punti di interruzione condizionali
- Applicazione > Mitigazioni del monitoraggio del rimbalzo
- Lighthouse 10.2.0
- Ignorare gli script dei contenuti per impostazione predefinita
- Rete > Miglioramenti della risposta
- Varie in evidenza
- Supporto per il debug di WebAssembly
- Miglioramento del comportamento dei passi nelle app Wasm
- Eseguire il debug della compilazione automatica utilizzando il riquadro Elementi e la scheda Problemi
- Asserzioni nel Registratore
- Lighthouse 10.1.1
- Miglioramenti delle prestazioni
- performance.mark() mostra i tempi al passaggio del mouse in Rendimento > Tempi
- Il comando profile() compila Prestazioni > Principale
- Avviso di interazioni lente degli utenti
- Aggiornamenti di Web Vitals
- Ritiro del profiler di JavaScript: terza fase
- Varie in evidenza
- Eseguire l'override delle intestazioni di risposta di rete
- Miglioramenti al debug di Nuxt, Vite e Rollup
- Miglioramenti al CSS in Elementi > Stili
- Proprietà e valori CSS non validi
- Link ai frame chiave nella proprietà abbreviata dell'animazione
- Nuova impostazione della console: completamento automatico alla pressione del tasto Invio
- Il menu dei comandi mette in risalto i file di cui è stata creata la creazione
- Ritiro del profiler di JavaScript: fase 2
- In evidenza varie
- Aggiornamenti del registratore
- Estensioni di riproduzione del Registratore
- Registrare con i selettori di aggiramento
- Esportare le registrazioni come script Puppeteer con l'analisi Lighthouse
- Scaricare le estensioni per Registratore
- Elementi > Aggiornamenti degli stili
- Documentazione CSS nel riquadro Stili
- Supporto per l'annidamento CSS
- Contrassegno di punti di log e punti di interruzione condizionali nella console
- Ignorare gli script non pertinenti durante il debug
- È iniziata la ritirata del Profiler di JavaScript
- Emula contrasto ridotto
- Lighthouse 10
- In evidenza varie
- Eseguire il debug del colore HD con il riquadro Stili
- Esperienza utente migliorata per i breakpoint
- Scorciatoie personalizzabili di Registratore
- Migliore evidenziazione della sintassi per Angular
- Riorganizzare le cache nel riquadro Applicazione
- Varie in evidenza
- Cancellazione del riquadro Prestazioni al ricaricamento
- Aggiornamenti del Registratore
- Visualizzare ed evidenziare il codice del flusso utente in Registratore
- Personalizzare i tipi di selettore di una registrazione
- Modificare il flusso utente durante la registrazione
- Documento cartaceo automatico in loco
- Migliore evidenziazione della sintassi e anteprima in linea per Vue, SCSS e altri ancora
- Completamento automatico ergonomico e coerente nella console
- In evidenza varie
- Registratore: copia come opzioni per i passaggi, la riproduzione in-page, il menu contestuale del passaggio
- Mostrare i nomi effettivi delle funzioni nelle registrazioni delle prestazioni
- Nuove scorciatoie da tastiera nel riquadro Console e fonti
- Debug JavaScript migliorato
- In evidenza varie
- [Sperimentale] UX migliorata per la gestione dei punti di interruzione
- [Sperimentale] Stampa automatica in loco
- Suggerimenti per le proprietà CSS non attive
- Rileva automaticamente i selettori XPath e di testo nel riquadro Registratore
- Eseguire i passaggi delle espressioni separate da virgole
- Impostazione dell'elenco da ignorare migliorata
- In evidenza varie
- Personalizzare le scorciatoie da tastiera in DevTools
- Attivare/disattivare i temi chiari e scuri con la scorciatoia da tastiera
- Evidenzia gli oggetti C/C++ nel Controllo memoria
- Supporta le informazioni complete di avvio per l'importazione HAR
- Avvia la ricerca DOM dopo aver premuto
Enter
- Visualizzare le icone
start
eend
per lealign-content
proprietà flexbox CSS - Varie in evidenza
- Raggruppare i file per Creato/Distribuito nel riquadro Origini
- Analisi dello stack collegate per le operazioni asincrone
- Ignorare automaticamente gli script di terze parti noti
- Stack di chiamate migliorato durante il debug
- Nascondere le origini incluse nell'elenco di elementi da ignorare nel riquadro Origini
- Nascondere i file nell'elenco ignora nel menu di comando
- Nuovo monitoraggio Interazioni nel riquadro Rendimento
- Analisi dei tempi LCP nel riquadro Informazioni sul rendimento
- Generare automaticamente il nome predefinito per le registrazioni nel riquadro Registratore
- In evidenza varie
- Riproduzione dettagliata nel Registratore
- Supportare l'evento di passaggio del mouse nel riquadro di Registratore
- Largest Contentful Paint (LCP) nel riquadro Informazioni sulle prestazioni
- Identificare lampi di testo (FOIT, FOUT) come potenziali cause principali delle variazioni del layout
- Gestori di protocollo nel riquadro Manifest
- Badge del livello superiore nel riquadro Elementi
- Collega informazioni di debug di Wasm in fase di runtime
- Supporto della modifica in tempo reale durante il debug
- Visualizzare e modificare @scope in corrispondenza delle regole nel riquadro Stili
- Miglioramenti alla mappa di origine
- Varie in evidenza
- Riavvia il frame durante il debug
- Opzioni di riproduzione lenta nel riquadro Registratore
- Creare un'estensione per il riquadro Registratore
- Raggruppa i file per Creato / Distribuito nel riquadro Origini
- Nuovo monitoraggio Tempi utente nel riquadro Approfondimenti sul rendimento
- Mostrare lo slot assegnato di un elemento
- Simulare la contemporaneità dell'hardware per le registrazioni delle prestazioni
- Visualizzare l'anteprima del valore non del colore durante il completamento automatico delle variabili CSS
- Identificare i frame di blocco nel riquadro Cache back/forward
- Suggerimenti di completamento automatico migliorati per gli oggetti JavaScript
- Miglioramenti alle mappe di origine
- Varie in evidenza
- Acquisire gli eventi con doppio clic e clic con il tasto destro del mouse nel riquadro Registratore
- Nuova modalità di periodo di tempo e snapshot nel riquadro Lighthouse
- Miglioramento del controllo dello zoom nel riquadro Informazioni sulle prestazioni
- Confermare l'eliminazione di una registrazione dell'esecuzione
- Riordinare i riquadri nel riquadro Elementi
- Scegliere un colore al di fuori del browser
- Anteprima del valore in linea migliorata durante il debug
- Supporta BLOB di grandi dimensioni per gli autenticatori virtuali
- Nuove scorciatoie da tastiera nel riquadro Origini
- Miglioramenti alle mappe di origine
- Funzionalità di anteprima: nuovo riquadro Approfondimenti sul rendimento
- Nuove scorciatoie per emulare temi chiari e scuri
- Maggiore sicurezza nella scheda Anteprima di rete
- Ricaricamento migliorato al punto di interruzione
- Aggiornamenti della console
- Annullare la registrazione del flusso utente all'inizio
- Visualizza gli pseudo elementi di evidenziazione ereditati nel riquadro Stili
- In evidenza varie
- [Sperimentale] Copia modifiche CSS
- [Sperimentale] Scegliere il colore al di fuori del browser
- Importare ed esportare i flussi utente registrati come file JSON
- Visualizzare i livelli in cascata nel riquadro Stili
- Supporto per la funzione di colore
hwb()
- Visualizzazione delle proprietà private migliorata
- Varie in evidenza
- [Sperimentale] Nuova modalità di periodo di tempo e snapshot nel riquadro Lighthouse
- Visualizzare e modificare le regole @supports nel riquadro Stili
- Supporta i selettori comuni per impostazione predefinita
- Personalizzare il selettore della registrazione
- Rinominare una registrazione
- Visualizzare l'anteprima delle proprietà di classi/funzioni al passaggio del mouse
- Frame parzialmente visualizzati nel riquadro Rendimento
- Varie in evidenza
- Limitazione delle richieste WebSocket
- Nuovo riquadro API di reporting nel riquadro Applicazione
- Supporta l'attesa fino a quando l'elemento non è visibile/cliccabile nel riquadro Registratore
- Miglioramento di stile, formattazione e filtri della console
- Eseguire il debug dell'estensione di Chrome con i file delle mappe di origine
- Albero delle cartelle di origine migliorato nel riquadro Origini
- Visualizza i file di origine dei worker nel riquadro Origini
- Aggiornamenti automatici del tema scuro di Chrome
- Selettore di colori touch-screen e riquadro diviso
- In evidenza varie
- Funzionalità di anteprima: albero dell'accessibilità a pagina intera
- Modifiche più precise nella scheda Modifiche
- Impostare un timeout più lungo per la registrazione del flusso utente
- Verificare che le pagine siano memorizzabili nella cache con la scheda Cache back-forward
- Filtro del riquadro Nuove proprietà
- Emula la funzionalità dei contenuti multimediali dei colori forzati CSS
- Mostra righelli al comando del passaggio del mouse
- Supporta
row-reverse
ecolumn-reverse
nell'editor Flexbox - Nuove scorciatoie da tastiera per riprodurre XHR ed espandere tutti i risultati di ricerca
- Lighthouse 9 nel riquadro Lighthouse
- Riquadro Fonti migliorato
- Varie in evidenza
- [Sperimentale] Endpoint nel riquadro API di reporting
- Funzionalità di anteprima: nuovo riquadro di Recorder
- Aggiorna l'elenco dei dispositivi in Modalità dispositivo
- Completamento automatico con Modifica come HTML
- Esperienza di debug del codice migliorata
- Sincronizzare le impostazioni di DevTools su più dispositivi
- Funzionalità di anteprima: nuovo riquadro Panoramica del CSS
- Esperienza di modifica e copia della lunghezza del CSS ripristinata e migliorata
- Emula la funzionalità dei contenuti multimediali preferiti del CSS
- Emula la funzionalità Tema scuro automatico di Chrome
- Copiare le dichiarazioni come JavaScript nel riquadro Stili
- Nuova scheda Payload nel riquadro Rete
- È stata migliorata la visualizzazione delle proprietà nel riquadro Proprietà
- Opzione per nascondere gli errori CORS nella console
- Anteprima e valutazione appropriati degli oggetti
Intl
nella console - Tracce dello stack asincrone coerenti
- Mantenere la barra laterale della console
- Riquadro Cache dell'applicazione deprecato nel riquadro Applicazione
- [Sperimentale] Nuovo riquadro API Reporting nel riquadro Applicazione
- Nuovi strumenti di authoring per la lunghezza CSS
- Nascondere i problemi nella scheda Problemi
- Visualizzazione delle proprietà migliorata
- Lighthouse 8.4 nel riquadro Lighthouse
- Ordinare gli snippet nel riquadro Origini
- Nuovi link alle note di rilascio tradotte e segnalazione di un bug di traduzione
- UI migliorata per il menu dei comandi di DevTools
- Usa DevTools nella lingua che preferisci
- Nuovi dispositivi Nest Hub nell'elenco dei dispositivi
- Prove dell'origine nella visualizzazione Dettagli frame
- Nuovo badge per le query contenitore CSS
- Nuova casella di controllo per invertire i filtri di rete
- Ritiro imminente della barra laterale della console
- Mostra le intestazioni
Set-Cookies
non elaborate nella scheda Problemi e nel riquadro Rete - Visualizza in modo coerente le funzioni di accesso native come proprietà proprie nella console
- Analisi dello stack degli errori corrette per gli script incorporati con #sourceURL
- Modificare il formato del colore nel riquadro Calcolata
- Sostituisci le descrizioni comando personalizzate con quelle HTML native
- [Sperimentale] Nascondere i problemi nella scheda Problemi
- Query container CSS modificabili nel riquadro Stili
- Anteprima del pacchetto web nel riquadro Rete
- Debug dell'API Attribution Reporting
- Migliore gestione delle stringhe nella console
- Debug CORS migliorato
- Lighthouse 8.1
- Nuovo URL della nota nel riquadro Manifest
- Sono stati corretti i selettori di corrispondenza CSS
- Stampa in formato leggibile delle risposte JSON nel riquadro Rete
- Editor griglia CSS
- Supporto per le rideclarazioni di
const
nella console - Visualizzatore dell'ordine di origine
- Nuova scorciatoia per visualizzare i dettagli del frame
- Supporto avanzato per il debug CORS
- Rinomina l'etichetta XHR in Fetch/XHR
- Filtrare il tipo di risorsa Wasm nel riquadro Rete
- Suggerimenti client dello user agent per i dispositivi nella scheda Condizioni di rete
- Segnalare i problemi relativi alla modalità Non standard nella scheda Problemi
- Includere le intersezioni di calcolo nel riquadro Rendimento
- Lighthouse 7.5 nel riquadro Lighthouse
- Menu contestuale "Riavvia frame" deprecato nello stack di chiamate
- [Sperimentale] Monitor di Protocol
- [Sperimentale] Registratore di burattini
- Popup di informazioni sui Web Vitals
- Nuovo Controllo memoria
- Visualizzare lo scorrimento a scatto CSS
- Nuovo riquadro delle impostazioni del badge
- Anteprima delle immagini migliorata con informazioni sulle proporzioni
- Pulsante Nuove condizioni di rete con opzioni per configurare i
Content-Encoding
- scorciatoia per visualizzare il valore calcolato
accent-color
parola chiave- Classificare i tipi di problemi con colori e icone
- Eliminare i token di attendibilità
- Funzionalità bloccate nella visualizzazione Dettagli frame
- Filtrare gli esperimenti nell'impostazione Esperimenti
- Nuova colonna
Vary Header
nel riquadro Spazio di archiviazione della cache - Supporto di controllo JavaScript del brand privato
- Miglioramento del supporto per il debug dei breakpoint
- Supporto dell'anteprima al passaggio del mouse con notazione
[]
- Elaborazione migliorata dei file HTML
- Tracce dello stack di errori appropriate per il debug di Wasm
- Nuovi strumenti di debug CSS flexbox
- Nuovo overlay Core Web Vitals
- Conteggio dei problemi spostato nella barra di stato della console
- Segnalare problemi relativi ad Attività web attendibili
- Formattare le stringhe come valori letterali di stringa JavaScript (validi) nella console
- Nuovo riquadro Trust Tokens nel riquadro Applicazione
- Emulare la funzionalità dei contenuti multimediali color-gamut del CSS
- Strumenti per le app web progressive migliorati
- Nuova colonna
Remote Address Space
nel riquadro Rete - Miglioramenti delle prestazioni
- Mostrare le funzionalità consentite/non consentite nella visualizzazione Dettagli frame
- Nuova colonna
SameParty
nel riquadro Cookie - Deprecato il supporto non standard di
fn.displayName
- Ritiro del pulsante
Don't show Chrome Data Saver warning
nel menu Impostazioni - [Sperimentale] Segnalazione automatica dei problemi a basso contrasto nella scheda Problemi
- [Sperimentale] Visualizzazione ad albero completa dell'accessibilità nel riquadro Elementi
- Assistenza per il debug delle violazioni di Trusted Type (Tipi di attendibilità)
- Acquisire screenshot del nodo oltre l'area visibile
- Nuova scheda Trust Token per le richieste di rete
- Lighthouse 7 nel riquadro Lighthouse
- Supporto per l'applicazione forzata dello stato
:target
CSS - Nuova scorciatoia per duplicare l'elemento
- Selettori di colori per le proprietà CSS personalizzate
- Nuove scorciatoie per copiare le proprietà CSS
- Nuova opzione per mostrare i cookie con decodifica URL
- Eliminare solo i cookie visibili
- Nuova opzione per cancellare i cookie di terze parti nel riquadro Spazio di archiviazione
- Modificare i client hint dello user agent per i dispositivi personalizzati
- Mantieni l'impostazione "Registra log di rete"
- Visualizzare le connessioni WebTransport nel riquadro Rete
- "Online" rinominato in "Nessuna limitazione"
- Nuove opzioni di copia nella console, nel riquadro Origini e nel riquadro Stili
- Informazioni sui nuovi service worker nella visualizzazione dei dettagli del frame
- Misurare le informazioni sulla memoria nella visualizzazione Dettagli frame
- Fornire feedback dalla scheda Problemi
- Frame interrotti nel riquadro Prestazioni
- Emula dispositivi pieghevoli e dual-screen in modalità dispositivo
- [Sperimentale] Automatizza i test del browser con Puppeteer Recorder
- [Sperimentale] Editor dei caratteri nel riquadro Stili
- [Sperimentale] Strumenti di debug di flexbox CSS
- [Sperimentale] Nuova scheda Violazioni CSP
- [Sperimentale] Nuovo calcolo del contrasto dei colori: algoritmo Advanced Perceptual Contrast (APCA)
- Avvio più rapido di DevTools
- Nuovi strumenti di visualizzazione angolare CSS
- Emulare i tipi di immagini non supportati
- Simula la dimensione della quota di archiviazione nel riquadro Spazio di archiviazione
- Nuova corsia Web Vitals nel riquadro Rendimento
- Segnalare gli errori CORS nel riquadro Rete
- Informazioni sull'isolamento multiorigine nella visualizzazione Dettagli frame
- Nuove informazioni sui worker web nella visualizzazione dei dettagli del frame
- Mostra i dettagli della cornice di apertura per le finestre aperte
- Apri il riquadro Rete dal riquadro Service worker
- Copia valore proprietà
- Copia traccia stack per iniziatore di rete
- Visualizzare l'anteprima del valore della variabile Wasm al passaggio del mouse
- Valutare la variabile Wasm nella console
- Unità di misura coerenti per dimensioni di file/memoria
- Evidenziare gli elementi pseudo nel riquadro Elementi
- [Sperimentale] Strumenti di debug di CSS Flexbox
- [Sperimentale] Personalizzare le scorciatoie da tastiera per gli accordi
- Nuovi strumenti di debug della griglia CSS
- Nuova scheda WebAuthn
- Spostare gli strumenti tra il riquadro superiore e inferiore
- Nuovo riquadro della barra laterale Stili elaborati nel riquadro Stili
- Raggruppare le proprietà CSS nel riquadro Raccolto
- Lighthouse 6.3 nel riquadro Lighthouse
performance.mark()
eventi nella sezione Tempi- Nuovi filtri
resource-type
eurl
nel riquadro Rete - Aggiornamenti alla visualizzazione dei dettagli del frame
- Ritiro di
Settings
nel menu Altri strumenti - [Sperimentale] Visualizzare e risolvere i problemi di contrasto di colore nel riquadro Panoramica CSS
- [Sperimentale] Personalizza le scorciatoie da tastiera in DevTools
- Nuovo riquadro Contenuti multimediali
- Acquisire screenshot dei nodi utilizzando il menu contestuale del riquadro Elementi
- Aggiornamenti della scheda Problemi
- Emulare i caratteri locali mancanti
- Emulare gli utenti non attivi
- Emula
prefers-reduced-data
- Supporto per le nuove funzionalità di JavaScript
- Lighthouse 6.2 nel riquadro Lighthouse
- Ritiro dell'elenco "Altre origini" nel riquadro Service worker
- Mostrare il riepilogo della copertura per gli elementi filtrati
- Nuova visualizzazione dei dettagli della struttura nel riquadro Applicazione
- Suggerimento di colori accessibili nel riquadro Stili
- Reintegrare il riquadro Proprietà nel riquadro Elementi
- Valori dell'intestazione
X-Client-Data
leggibili da persone nel riquadro Rete - Completamento automatico dei caratteri personalizzati nel riquadro Stili
- Visualizza in modo coerente il tipo di risorsa nel riquadro Rete
- Cancellare i pulsanti nei riquadri Elementi e Rete
- Modificare lo stile per framework CSS-in-JS
- Lighthouse 6 nel riquadro Lighthouse
- Ritiro di First Meaningful Paint (FMP)
- Supporto per le nuove funzionalità di JavaScript
- Nuovi avvisi di scorciatoie app nel riquadro Manifest
- Eventi
respondWith
del worker di servizio nella scheda Tempi - Visualizzazione coerente del riquadro Calcolata
- Offset del codice bytecode per i file WebAssembly
- Copia e taglia a riga nel riquadro Origini
- Aggiornamenti delle impostazioni della console
- Aggiornamenti del riquadro sul rendimento
- Nuove icone per punti di interruzione, punti di interruzione condizionali e punti di log
- Risolvere i problemi del sito con la nuova scheda Problemi
- Visualizza le informazioni sull'accessibilità nella descrizione comando della modalità di ispezione
- Aggiornamenti del riquadro sul rendimento
- Terminologia delle promesse più accurata nella console
- Aggiornamenti al riquadro degli stili
- Ritiro del riquadro Proprietà nel riquadro Elementi
- Supporto delle scorciatoie app nel riquadro Manifest
- Emula difetti alla vista
- Emula impostazioni internazionali
- Debug dei criteri COEP (Cross-Origin Embedder Policy)
- Nuove icone per punti di interruzione, punti di interruzione condizionali e punti di log
- Visualizzare le richieste di rete che impostano un cookie specifico
- Ancoraggio a sinistra dal menu dei comandi
- L'opzione Impostazioni nel menu principale è stata spostata
- Il riquadro Controlli ora è il riquadro Lighthouse
- Eliminare tutti gli override locali in una cartella
- UI di Attività lunghe aggiornata
- Supporto delle icone mascherabili nel riquadro Manifest
- Supporto di Moto G4 in modalità Dispositivo
- Aggiornamenti relativi ai cookie
- Icone manifest delle app web più precise
- Passa il mouse sopra le proprietà CSS
content
per visualizzare i valori non sfuggiti - Errori della mappa di origine nella console
- Impostazione per disattivare lo scorrimento oltre la fine di un file
- Supporto per le rideclarazioni di
let
eclass
nella console - Miglioramento del debug di WebAssembly
- Richiedi catene iniziatore nella scheda Iniziatore
- Evidenzia la richiesta di rete selezionata nella panoramica
- Colonne URL e percorso nel riquadro Rete
- Stringhe user agent aggiornate
- Nuova interfaccia utente di configurazione del riquadro Controlli
- Modalità di copertura del codice per funzione o per blocco
- Ora la copertura del codice deve essere avviata da una ricarica della pagina
- Eseguire il debug del motivo per cui un cookie è stato bloccato
- Visualizzare i valori dei cookie
- Simulare preferenze diverse per prefers-color-scheme e prefers-reduced-motion
- Aggiornamenti sulla copertura del codice
- Eseguire il debug del motivo per cui è stata richiesta una risorsa di rete
- I riquadri della console e delle origini rispettano di nuovo le preferenze di rientro
- Nuove scorciatoie per la navigazione con il cursore
- Supporto multi-cliente nel riquadro Controlli
- Debug del gestore dei pagamenti
- Lighthouse 5.2 nel riquadro Controlli
- Largest Contentful Paint nel riquadro Rendimento
- Segnalare problemi di DevTools dal menu principale
- Copiare stili degli elementi
- Visualizzare i cambiamenti di layout
- Lighthouse 5.1 nel riquadro Controlli
- Sincronizzazione del tema del sistema operativo
- Scorciatoia da tastiera per aprire l'editor dei punti di interruzione
- Precarica la cache nel riquadro Rete
- Proprietà private durante la visualizzazione degli oggetti
- Notifiche e messaggi push nel riquadro Applicazione
- Completamento automatico con valori CSS
- Una nuova UI per le impostazioni di rete
- Messaggi WebSocket nelle esportazioni HAR
- Pulsanti di importazione ed esportazione HAR
- Utilizzo memoria in tempo reale
- Numeri di porta di registrazione del Service worker
- Esaminare gli eventi di recupero e sincronizzazione in background
- Puppeteer per Firefox
- Predefiniti significativi durante il completamento automatico delle funzioni CSS
- Cancellare i dati dei siti dal menu di comando
- Visualizza tutti i database IndexedDB
- Visualizzare le dimensioni non compresse di una risorsa al passaggio del mouse
- Punti di interruzione in linea nel riquadro Punti di interruzione
- Conteggi delle risorse IndexedDB e Cache
- Impostazione per disattivare la descrizione comando di ispezione dettagliata
- Impostazione per attivare/disattivare il rientro delle schede nell'Editor
- Evidenziare tutti i nodi interessati dalla proprietà CSS
- Lighthouse 4 nel riquadro Controlli
- Visualizzatore messaggi binari WebSocket
- Acquisisci screenshot dell'area nel menu dei comandi
- Filtri dei worker di servizio nel riquadro Rete
- Aggiornamenti del riquadro sul rendimento
- Attività lunghe nelle registrazioni del riquadro Rendimento
- First Paint nella sezione Tempi
- Suggerimento extra: scorciatoia per la visualizzazione dei codici di colore RGB e HSL (video)
- Punti di log
- Descrizioni comando dettagliate in modalità Ispeziona
- Esportare i dati relativi alla copertura del codice
- Navigare nella console con una tastiera
- Linea del rapporto di contrasto AAA nel selettore di colori
- Salvare le sostituzioni della posizione geografica personalizzate
- Code folding
- Scheda Frame rinominata scheda Messaggi
- Suggerimento extra: il riquadro di rete filtra per proprietà (video)
- Visualizzare le metriche sul rendimento nel riquadro Rendimento
- Evidenziare i nodi di testo nell'albero DOM
- Copia il percorso JS su un nodo DOM
- Aggiornamenti del riquadro Controlli, tra cui un nuovo controllo che rileva le librerie JS e nuove parole chiave per accedere al riquadro Controlli dal menu dei comandi
- Suggerimento extra: utilizza la modalità dispositivo per esaminare le query supporti (video)
- Passa il mouse sopra un risultato di Espressione dal vivo per evidenziare un nodo DOM
- Memorizzare i nodi DOM come variabili globali
- Informazioni sull'iniziatore e sulla priorità ora disponibili nelle importazioni e nelle esportazioni HAR
- Accedere al menu dei comandi dal menu principale
- Punti di interruzione Picture in picture
- Suggerimento extra: utilizza
monitorEvents()
per registrare gli eventi attivati di un nodo nella console (video) - Espressioni dal vivo nella Console
- Evidenziare i nodi DOM durante la valutazione Eager
- Ottimizzazioni del riquadro sul rendimento
- Debug più affidabile
- Attivare la limitazione della rete dal menu di comando
- Punti di interruzione condizionali di completamento automatico
- Interruzione degli eventi AudioContext
- Eseguire il debug delle app Node.js con ndb
- Suggerimento extra: misura le interazioni degli utenti reali con l'API User Timing
- Valutazione eager
- Suggerimenti di argomento
- Completamento automatico delle funzioni
- Parole chiave ES2017
- Lighthouse 3.0 nel riquadro Controlli
- Supporto di BigInt
- Aggiunta di percorsi proprietà al riquadro di controllo
- "Mostra timestamp" spostato nelle Impostazioni
- Suggerimento extra: Metodi della console meno noti (video)
- Cercare in tutte le intestazioni di rete
- Anteprime dei valori delle variabili CSS
- Copia come recupero
- Nuovi controlli, opzioni di configurazione del computer e tracce di visualizzazione
- Interrompere i loop infiniti
- Tempi utente nelle schede Rendimento
- Istanze VM JavaScript elencate chiaramente nel riquadro Memoria
- Scheda Rete rinominata in Scheda Pagina
- Aggiornamenti del tema scuro
- Informazioni su Certificate Transparency nel riquadro Sicurezza
- Funzionalità di isolamento dei siti nel riquadro Prestazioni
- Suggerimento extra: Pannello Livelli + Inspect Animations (video)
- Blackbox nel riquadro Network
- Regolare automaticamente lo zoom in modalità Dispositivo
- Stampa in formato leggibile nelle schede Anteprima e Risposta
- Visualizzazione dell'anteprima dei contenuti HTML nella scheda Anteprima
- Supporto degli override locali per gli stili all'interno del codice HTML
- Suggerimento extra: script del framework Blackbox per rendere più utili i punti di interruzione del listener di eventi
- Override locali
- Nuovi strumenti di accessibilità
- La scheda Modifiche
- Nuovi controlli SEO e del rendimento
- Più registrazioni nel riquadro Rendimento
- Passaggi di codice affidabili con i worker nel codice asincrono
- Suggerimento extra: automatizza le azioni di DevTools con Puppeteer (video)
- Monitoraggio del rendimento
- Barra laterale della console
- Raggruppa messaggi della console simili
- Suggerimento extra: pseudo-classe di attivazione/disattivazione dell'effetto hover (video)
- Supporto del debug remoto multi-cliente
- Spazi di lavoro 2.0
- 4 nuovi controlli
- Simulare notifiche push con dati personalizzati
- Attivare gli eventi di sincronizzazione in background con i tag personalizzati
- Suggerimento extra: punti di interruzione dei listener di eventi (video)
- await di primo livello nella console
- Nuovi flussi di lavoro per gli screenshot
- Evidenziazione della griglia CSS
- Una nuova API Console per l'esecuzione di query sugli oggetti
- Nuovi filtri della console
- Importazioni HAR nel riquadro Rete
- Risorse cache visualizzabili in anteprima
- Debug della cache più prevedibile
- Copertura del codice a livello di blocco
- Simulazione del throttling dei dispositivi mobili
- Visualizzare l'utilizzo dello spazio di archiviazione
- Vedere quando un service worker ha memorizzato le risposte
- Attivare il misuratore FPS dal menu di comando
- Impostare il comportamento della rotellina del mouse per lo zoom o lo scorrimento
- Supporto del debug per i moduli ES6
- Nuovo riquadro Controlli
- Badge di terze parti
- Un nuovo gesto per Vai qui
- Eseguire il passaggio a una chiamata asincrona
- Maggiori informazioni in anteprima degli oggetti nella console
- Selezione del contesto con maggiori informazioni nella console
- Aggiornamenti in tempo reale nella scheda Copertura
- Opzioni di limitazione della rete più semplici
- Gli stack asincroni sono attivi per impostazione predefinita
- Copertura del codice CSS e JS
- Screenshot a pagina intera
- Blocca richieste
- Passa al passaggio asincrono in attesa
- Menu Comando unificato