Sofia Emelianova
Miglioramenti al riquadro Rete
Esegui l'override dei contenuti web a livello locale ancora più velocemente
La funzionalità di sostituzione locale è ora semplificata, quindi puoi simulare facilmente le intestazioni di risposta e i contenuti web delle risorse remote dal riquadro Rete senza accedervi.
Per sostituire i contenuti web, apri il riquadro Rete, fai clic con il tasto destro del mouse su una richiesta e seleziona Sostituisci contenuti.
Se hai configurato le sostituzioni locali, ma sono disattivate, DevTools le attiva. Se non li hai ancora configurati, DevTools ti chiede nella barra delle azioni in alto. Seleziona una cartella in cui archiviare le sostituzioni e consenti a DevTools di accedervi.
Una volta configurate le sostituzioni, DevTools ti reindirizza a Origini > Sostituzioni > Editor per consentirti di sostituire i contenuti web.
Tieni presente che le risorse sottoposte a override sono indicate con 
nel riquadro Rete. Passa il mouse sopra l'icona per vedere cosa viene sostituito.
Problemi di Chromium: 1465785, 1470532, 1469359.
Sostituire i contenuti delle richieste XHR e fetch
Ora puoi sostituire i contenuti delle richieste XHR e fetch, oltre alle relative intestazioni di risposta. Con questi override, puoi simulare le risposte dell'API per eseguire il debug della pagina web anche se il backend e l'API non sono ancora pronti.
Attualmente DevTools supporta le sostituzioni dei contenuti per i seguenti tipi di richieste: immagini (ad esempio avif, png), caratteri, fetch e XHR, script (CSS e JS) e documenti (HTML). Ora DevTools rende in grigio l'opzione Sostituisci contenuti per i tipi non supportati.
Problemi di Chromium: 792101, 1469776.
Nascondere le richieste di estensioni di Chrome
Per aiutarti a concentrarti sul codice che scrivi e filtrare le richieste irrilevanti inviate dalle estensioni che potresti aver installato in Chrome, il riquadro Rete dispone di un nuovo filtro.
Per filtrare tutte le richieste inviate a chrome-extension:// URL, consulta 
Nascondi URL delle estensioni.
Problemi di Chromium: 1257885, 1458803.
Codici di stato HTTP leggibili
Il codice di stato nell'intestazione della richiesta ora mostra un testo leggibile accanto ai codici di stato HTTP, in modo da capire più rapidamente cosa è successo alla richiesta.
Puoi anche passare il mouse sopra il codice di stato nella tabella delle richieste per visualizzare lo stesso testo.
Problema di Chromium: 1153956.
Stampa in un formato leggibile delle risposte per i sottotipi JSON
La scheda Risposta di una richiesta con un sottotipo MIME application/[subtype]+json (ad esempio ld+json, hal+json e altri) ora analizza correttamente la risposta e ti consente di prezzarla.
Problema di Chromium: 406900.
Prestazioni: visualizza le modifiche alla priorità di recupero per gli eventi di rete
Il riquadro Rendimento ora mostra due campi di priorità nel Riepilogo di un evento nella traccia Rete: Priorità iniziale e Priorità (finale) anziché la singola Priorità. Con questo campo aggiuntivo ora puoi vedere se la priorità di recupero dell'evento cambia e modificare l'ordine dei download. Per ulteriori informazioni, consulta la sezione Ottimizzare il caricamento delle risorse con l'API Fetch Priority.
Inoltre, puoi trovare le stesse informazioni nella colonna Priorità del riquadro Rete, con l'impostazione 
Righe di richieste di grandi dimensioni attivata.
Problemi di Chromium: 1463901, 1380964.
Impostazioni delle origini abilitate per impostazione predefinita: Compilazione del codice e Visualizzazione automatica dei file
L'opzione 
Impostazioni > Preferenze > 
Compiuto del codice è ora attiva per impostazione predefinita. Questa opzione ti consente di comprimere i blocchi di codice.
Per comprimere un blocco di codice, passa il mouse sopra il numero di riga accanto all'inizio del blocco e fai clic sull'icona di chiusura 
. Fai clic su {...} per espandere nuovamente il blocco.
Inoltre, l'opzione 
Impostazioni > Preferenze > 
Mostra automaticamente i file nella barra laterale è ora attivata per impostazione predefinita.
Con questa impostazione, la struttura dei file, in Origini > Pagina, apre il file corrente nell'Editor quando cambi scheda.
Problemi di Chromium: 1459193, 1336599.
Debug dei problemi relativi ai cookie di terze parti migliorato
Nell'intento di contribuire a creare un web più privato e in parallelo con gli aggiornamenti di altri browser, Chrome ha introdotto l'iniziativa Privacy Sandbox. Questa iniziativa migliora in modo fondamentale la privacy sul web e può supportare un web sano e con pubblicità in modo da rendere obsoleti i cookie di terze parti. Privacy Sandbox ha una cronologia di eliminazione graduale per consentirti di adattarti comodamente ai cambiamenti.
Puoi già testare il comportamento di Chrome dopo l'eliminazione graduale dei cookie di terze parti. Per farlo, esegui Chrome dalla riga di comando con il flag --test-third-party-cookies-phaseout. Per scoprire la funzione di questo flag, consulta Cookie di debug.
Indipendentemente dal modo in cui esegui Chrome (con o senza il flag), nella scheda Problemi ora è attivata per impostazione predefinita la casella di controllo 
Includi problemi relativi ai cookie di terze parti per tutti i nuovi utenti di Chrome e, di conseguenza, vengono segnalati:
- Un avviso relativo a una modifica che comporta un interruzione del servizio e che verrà ritirata a breve.
- Problemi relativi ai cookie di terze parti.
Se vuoi visualizzare gli avvisi sui cookie relativi al ritiro imminente in qualità di utente Chrome esistente, assicurati di selezionare questa casella di controllo.
Per eseguire il test, controlla i cookie in questa pagina dimostrativa.
Inoltre, il filtro 
Cookie di risposta bloccati nel riquadro Rete è stato riformulato per chiarire che mostra solo i cookie di risposta bloccati.
Problemi di Chromium: 1458839, 1462693, 1466310.
Eseguire il debug del precaricamento nel riquadro dell'applicazione
Il team di Chrome sta reintegrando il prerendering completo delle pagine future che un utente potrebbe visitare. Per consentirti di eseguire il debug, DevTools aggiunge la sezione Precaricamento al riquadro Applicazione. Il nuovo pre-caricamento e il pre-rendering (noti collettivamente come "pre-caricamento della navigazione") utilizzano l'API Speculation Rules anziché i suggerimenti sulle risorse basati su link.
In questa pagina di demo, nella sezione Application > Preloading, puoi controllare:
- Regole di speculazione, che elenca tutti gli insiemi di regole trovati nella pagina corrente.
- Precaricamenti, in cui sono elencati tutti gli URL precaricati e sottoposti a prerendering dalle serie di regole.
- Questa pagina che elenca lo stato della pagina corrente sottoposta a prerendering.
Per ulteriori informazioni, consulta il post dedicato al debug delle regole di speculazione.
Problema di Chromium: 1410709.
Nuovi colori
Potresti aver già notato che DevTools ora ha un aspetto rinnovato più in linea con Chrome. Un fattore che contribuisce è la nuova combinazione di colori.
Questa versione (117) introduce ulteriori miglioramenti all'esperienza utente di DevTools, sia quelli già menzionati che quelli elencati di seguito, tra cui una serie di testi dell'interfaccia utente migliorati.
Problema di Chromium: 1456677.
Lighthouse 10.4.0
Il riquadro Lighthouse ora esegue Lighthouse 10.4.0. In particolare, questa versione aggiunge nuovi controlli di accessibilità per quanto segue:
Ad esempio:
Consulta anche l'elenco completo delle modifiche. Per conoscere le nozioni di base sull'utilizzo del riquadro Lighthouse in DevTools, consulta Lighthouse: ottimizzare la velocità del sito web.
Problema di Chromium: 772558.
L'estensione di debug di WebAssembly C/C++ per DevTools è ora open source
L'estensione di debug C/C++ WebAssembly per DevTools è ora open source e si trova nel repository frontend DevTools. Questa estensione abilita le funzionalità di debug in DevTools per i programmi C++ compilati in WebAssembly. Per ulteriori informazioni, consulta Eseguire il debug di WebAssembly C/C++.
Scopri come creare, eseguire e testare l'estensione e non esitare a dare il tuo contributo.
Problema di Chromium: 1410709.
Altri punti salienti
Di seguito sono riportate alcune correzioni e miglioramenti degni di nota in questa release:
- Nidificazione CSS: il riquadro Elementi ora mostra l'intera catena di selettori per gli elementi secondari nidificati (1172985).
- Application > Manifest ora contiene una sezione Window Controls Overlay (Overlay dei controlli della finestra) che verifica se nel file manifest è presente un valore
display_overridee fornisce link alla documentazione pertinente. - L'albero Origini > Pagina ora esegue le seguenti operazioni, tra cui, a titolo esemplificativo (1442863):
- Le cartelle vengono visualizzate in grigio se tutti i relativi contenuti sono inclusi nell'elenco di elementi da ignorare.
- Colora le cartelle in arancione se tutti i relativi contenuti provengono da una mappa delle origini.
- Prestazioni: le impostazioni di acquisizione ora vengono nascoste automaticamente quando avvii la registrazione (1455498).
- Origini > Editor ha ripristinato il comportamento Ctrl + Freccia (Win) e Alt + Freccia (MacO) (1468208).
- L'opzione Animazioni > Metti in pausa tutto ora mantiene lo stato tra i caricamenti delle pagine (1446046).
- Applicazione > Spazio di archiviazione > Spazio di archiviazione della cache spostato in Applicazione > Spazio di archiviazione > Sezione Cache (1462622).
- Sono stati migliorati alcuni testi e descrizioni comando dell'interfaccia utente: descrizione comando della concorrenza hardware, testi dei filtri di rete e un'opzione del menu principale, lettere maiuscole nella visualizzazione ad albero delle applicazioni, testi di Rete > Intestazioni, testi di Origini > Sostituzioni e Sistema file.
Nuove funzionalità sperimentali
Nuova emulazione di rendering: prefers-reduced-transparency
Gli utenti del tuo sito web potrebbero iniziare ad attivare la nuova prefers-reduced-transparency funzionalità multimediale CSS sperimentale sui propri dispositivi per indicare la loro preferenza per la riduzione degli effetti trasparenti. Valuta se prendere in considerazione questa preferenza per aumentare l'accessibilità del tuo sito web. Per aiutarti, la scheda del riquadro Rendering ora può emulare l'impostazione prefers-reduced-transparency: reduce, in modo da poter realizzare il prototipo di una soluzione e testare il comportamento del tuo sito web in questo caso.
Per testare questa funzionalità in Chrome, attiva le funzionalità della piattaforma web sperimentale in chrome://flags.
Problema di Chromium: 1424879.
Monitor di Protocol avanzato
Chrome DevTools utilizza il Chrome DevTools Protocol (CDP) per eseguire l'instrumentazione, l'ispezione, il debug e il profiling dei browser Chrome. Se sei uno sviluppatore Chromium o DevTools, Protocol Monitor ti consente di visualizzare tutte le richieste e le risposte CDP effettuate da DevTools e di inviare comandi CDP.
Il monitor del protocollo ha una nuova interfaccia che ti consente di creare e inviare più facilmente i comandi CDP. Ora non devi più cercare i comandi e i relativi parametri nella documentazione, perché DevTools te li suggerisce.
Nell'angolo in basso a destra della scheda a scomparsa Protocol monitor, fai clic su 
Mostra editor di comandi CDP, seleziona una destinazione, inizia a digitare un comando, seleziona uno dei suggerimenti suggeriti (se necessario), specifica i valori dei parametri e fai clic su 
Invia comando (Ctrl/Cmd + Invio).
Problema relativo a Chromium: 1469345.
Scaricare i canali di 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, di testare API di piattaforme web all'avanguardia e di trovare i problemi sul tuo sito prima che lo facciano gli utenti.
Contatta il team di Chrome DevTools
Utilizza le seguenti opzioni per discutere di nuove funzionalità, aggiornamenti o qualsiasi altro argomento relativo a DevTools.
- Inviaci feedback e richieste di funzionalità all'indirizzo crbug.com.
- Segnala un problema DevTools utilizzando Altre opzioni > Guida > Segnala un problema DevTools in DevTools.
- Invia un tweet all'account @ChromeDevTools.
- Lascia un commento sui video di YouTube Novità di DevTools o sui video di YouTube Suggerimenti per DevTools.
Novità di DevTools
Un elenco di tutto ciò che è stato trattato nella serie Novità di DevTools.
- Eseguire il debug di CSS con Gemini
- Controllare le funzionalità di IA in una scheda Impostazioni dedicata
- Miglioramenti al riquadro sul rendimento
- Annota e condividi i risultati sul rendimento
- Ottenere informazioni sul rendimento direttamente nel riquadro Prestazioni
- Rilevare più facilmente i cambiamenti eccessivi del layout
- Rilevare le animazioni non composte
- La contemporaneità hardware passa a Sensori
- Ignora gli script anonimi e concentrati sul tuo codice nelle analisi dello stack
- Elementi > Stili: supporto di modalità di scrittura laterali* per overlay a griglia e parole chiave a livello di CSS
- Controlli Lighthouse per pagine non HTTP in modalità intervallo di tempo e snapshot
- Miglioramenti all'accessibilità
- In evidenza varie
- Miglioramenti al riquadro della 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"
- Miglioramento della denominazione degli oggetti JS semplici
- Disattivare i temi dinamici
- Esperimento di Chrome: condivisione dei processi
- Lighthouse 12.2.1
- In evidenza varie
- 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 analisi 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
- In evidenza varie
- Gli Approfondimenti della console di Gemini vengono implementati nella maggior parte dei paesi europei
- Aggiornamenti del riquadro sul rendimento
- Canale della rete avanzato
- Personalizzare i dati sul rendimento con l'API di estensioni
- Dettagli nella traccia Tempi
- Copiare tutte le richieste elencate nel riquadro Rete
- Istantanee dell'heap più rapide con tag HTML denominati e meno ingombri
- Aprire il riquadro delle animazioni per acquisire animazioni e modificare i @keyframe in tempo reale
- Lighthouse 12.1.0
- Miglioramenti all'accessibilità
- In evidenza varie
- Controllare il posizionamento degli ancoraggi CSS nel riquadro Elementi
- Miglioramenti al riquadro Origini
- Miglioramento della funzionalità "Non mettere mai in pausa qui"
- Nuovi listener di eventi di snap di scorrimento
- Miglioramenti al riquadro della rete
- Preimpostazioni per la limitazione della rete aggiornate
- Informazioni sul service worker 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 forma di fiamma
- Rallenta la CPU di 20 volte
- Il riquadro Informazioni sulle prestazioni verrà ritirato
- Individuare un utilizzo eccessivo della memoria con nuovi filtri negli snapshot dell'heap
- Controlla i bucket di archiviazione in Applicazione > Spazio di archiviazione
- Disattivare gli avvisi self-XSS con un flag della riga di comando
- Lighthouse 12.0.0
- In evidenza varie
- Comprendere meglio 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 della rete
- Esaminare le intestazioni dei suggerimenti iniziali
- Nascondere la colonna Struttura a cascata
- Miglioramenti al riquadro sul rendimento
- Acquisire le statistiche del selettore CSS
- Modificare l'ordine e nascondere le tracce
- Ignorare i fermi nel riquadro Memoria
- Lighthouse 11.7.1
- In evidenza varie
- Nuovo riquadro Compilazione automatica
- Ritardo della rete migliorato per WebRTC
- Supporto delle animazioni basate sullo scorrimento nel riquadro delle animazioni
- Miglioramento del supporto per l'annidamento CSS in Elementi > Stili
- Riquadro Rendimento migliorato
- Nascondere le funzioni e i relativi elementi secondari nel grafico a fiamme
- Frecce dagli iniziatori selezionati agli eventi che hanno avviato
- Lighthouse 11.6.0
- Descrizioni comando per le categorie speciali in Memoria > Istantanee dell'heap
- Applicazione > Aggiornamenti dello spazio di archiviazione
- Byte utilizzati per lo spazio di archiviazione condiviso
- SQL web è completamente deprecato
- Miglioramenti al riquadro Copertura
- Il riquadro Livelli potrebbe essere ritirato
- Ritiro di JavaScript Profiler: fase 4, finale
- In evidenza varie
- Trova l'Easter egg
- 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
- Popup per il risultato di ricerca selezionato in Rendimento > Canale principale
- Aggiornamenti del riquadro della rete
- Pulsante Cancella e filtro di ricerca in Rete > scheda EventStream
- Descrizioni comando con i 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à
- In evidenza varie
- È disponibile la raccolta ufficiale di estensioni di Registratore
- Miglioramenti della rete
- Motivo dell'errore nella colonna Stato
- Sottomenu Testo migliorato
- Miglioramenti delle prestazioni
- Breadcrumb nella cronologia
- Iniziatori di eventi nel canale principale
- Menu del selettore di istanze VM JavaScript per Node.js DevTools
- Nuova scorciatoia e nuovo comando in Origini
- Miglioramenti degli elementi
- L'elemento pseudo ::view-transition ora è modificabile in Stili
- Supporto della proprietà align-content per i contenitori di blocco
- Supporto della postura per i dispositivi pieghevoli emulati
- Temi dinamici
- Avvisi sull'eliminazione graduale dei cookie di terze parti nei riquadri Rete e Applicazione
- Lighthouse 11.4.0
- Miglioramenti all'accessibilità
- In evidenza varie
- Miglioramenti degli elementi
- Barra dei filtri semplificata nel riquadro Rete
- L'assistenza
@font-palette-values - Caso supportato: proprietà personalizzata come opzione di riserva di un'altra proprietà personalizzata
- Supporto migliorato delle mappe di origine
- Miglioramenti al riquadro sul rendimento
- Monitoraggio delle interazioni ottimizzate
- Filtro avanzato nelle schede Bottom-Up (Dal basso verso l'alto), Call Tree (Albero chiamate) ed Event Log (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 è stato rimosso
- Lighthouse 11.3.0
- Miglioramenti all'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 rinominatoignoreListnelle 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
- Criteri di sicurezza dei contenuti efficaci nel riquadro Applicazione
- Debug delle animazioni migliorato
- Finestra di dialogo "Ritieni attendibile questo codice?" in Origini e avviso di XSS autoreferenziale in Console
- Punti di interruzione dei listener di eventi in web worker e worklet
- Il nuovo badge per i contenuti multimediali 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 dei dispositivi da emulare
- Visualizzazione in formato bello del JSON in linea nei tag script nelle origini
- Completamento automatico dei campi privati in Console
- Lighthouse 11.1.0
- Miglioramenti all'accessibilità
- Ritiro di Web SQL
- Convalida delle proporzioni degli screenshot in Applicazione > Manifest
- In evidenza varie
- Nuova sezione per le proprietà personalizzate in Elementi > Stili
- Altri miglioramenti degli override locali
- Ricerca avanzata
- Riquadro Origini migliorato
- Spazio di lavoro semplificato 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 prefers-reduced-transparency
- Lighthouse 11
- Miglioramenti all'accessibilità
- In evidenza varie
- Miglioramenti al riquadro della rete
- Esegui l'override dei contenuti web in locale 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 variazioni nella 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 WebAssembly C/C++ per DevTools è ora open source
- In evidenza varie
- (Sperimentale) Nuova emulazione del rendering: prefers-reduced-transparency
- (Sperimentale) Monitor del protocollo avanzato
- 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
- In evidenza varie
- 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 alla risposta
- Varie in evidenza
- Assistenza per il debug di WebAssembly
- Comportamento migliorato dei passaggi 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 Rendimento > Principale
- Avviso di interazioni lente degli utenti
- Aggiornamenti di Web Vitals
- Ritiro del profiler di JavaScript: fase tre
- Varie in evidenza
- Esegui l'override delle intestazioni delle risposte di rete
- Miglioramenti al debug di Nuxt, Vite e di aggregazione
- Miglioramenti al CSS in Elementi > Stili
- Proprietà e valori CSS non validi
- Collegamenti ai fotogrammi chiave nella proprietà di abbreviazione dell'animazione
- Nuova impostazione della console: completamento automatico alla pressione del tasto Invio
- Il menu dei comandi mette in evidenza i file di cui è stato eseguito l'authoring
- Ritiro del profiler di JavaScript: fase 2
- Varie in evidenza
- 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 estensioni per Registratore
- Elementi > Aggiornamenti degli stili
- Documentazione CSS nel riquadro Stili
- Supporto della nidificazione dei CSS
- Marcare punti di log e punti di interruzione condizionali nella console
- Ignorare gli script irrilevanti durante il debug
- È iniziata la ritirata del Profiler di JavaScript
- Emula contrasto ridotto
- Lighthouse 10
- In evidenza varie
- Debug del colore HD con il riquadro Stili
- Esperienza utente migliorata per i breakpoint
- Scorciatoie personalizzabili di Registratore
- Miglioramento dell'evidenziazione della sintassi per Angular
- Riorganizzare le cache nel riquadro Applicazioni
- In evidenza varie
- Cancellazione del riquadro sul rendimento al ricaricamento
- Aggiornamenti del Registratore
- Visualizzare ed evidenziare il codice del flusso utente in Registratore
- Personalizzare i tipi di selettori di una registrazione
- Modificare il flusso utente durante la registrazione
- Documento cartaceo automatico in loco
- Miglioramento dell'evidenziazione della sintassi e dell'anteprima in linea per Vue, SCSS e altro ancora
- Completamento automatico ergonomico e coerente nella console
- Varie in evidenza
- Registratore: copia come opzioni per i passaggi, la riproduzione in-page e il menu contestuale del passaggio
- Mostrare i nomi effettivi delle funzioni nelle registrazioni delle prestazioni
- Nuove scorciatoie da tastiera nel riquadro Console e origini
- Miglioramento del debug di JavaScript
- In evidenza varie
- [Sperimentale] UX migliorata per la gestione dei punti di interruzione
- [Sperimentale] Stampa in formato gradevole automatica in situ
- Suggerimenti per le proprietà CSS non attive
- Rileva automaticamente i selettori XPath e di testo nel riquadro Registratore
- Eseguire la procedura per le espressioni separate da virgole
- Impostazione dell'elenco ignora migliorata
- In evidenza varie
- Personalizzare le scorciatoie da tastiera in DevTools
- Attivare/disattivare i temi chiari e scuri con la scorciatoia da tastiera
- Evidenziare gli oggetti C/C++ nell'inspector della memoria
- Supporto di informazioni complete sull'iniziatore per l'importazione HAR
- Avvia la ricerca DOM dopo aver premuto
Enter - Mostra le icone
starteendper le proprietà flexbox CSS dialign-content - In evidenza varie
- Raggruppa i file per Creato / Distribuito nel riquadro Origini
- Tracce 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 nell'elenco di elementi da ignorare nel riquadro Origini
- Nascondere i file nell'elenco ignora nel menu di comando
- Nuovo canale Interazioni nel riquadro Rendimento
- Suddivisione dei tempi LCP nel riquadro Informazioni sulle prestazioni
- Genera automaticamente un nome predefinito per le registrazioni nel riquadro Registratore
- In evidenza varie
- Riproduci passo passo nel Registratore
- Supportare l'evento di passaggio del mouse nel riquadro di Registratore
- Largest Contentful Paint (LCP) nel riquadro Informazioni sulle prestazioni
- Identificare i lampi di testo (FOIT, FOUT) come potenziali cause principali dei cambiamenti di 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 le regole @scope at nel riquadro Stili
- Miglioramenti alla mappa di origine
- In evidenza varie
- 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 concorrenza hardware per le registrazioni delle prestazioni
- Visualizzare 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 alle mappe di origine
- In evidenza varie
- Acquisire eventi di doppio clic e clic con il tasto destro del mouse nel riquadro Registratore
- Nuova modalità di 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 dei valori in linea migliorata durante il debug
- Supporto di 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 i temi chiaro e scuro
- Maggiore sicurezza nella scheda Anteprima di rete
- Ricaricamento migliorato al punto di interruzione
- Aggiornamenti della console
- Annullare la registrazione del flusso utente all'inizio
- Mostrare 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 colore
hwb() - Miglioramento della visualizzazione delle proprietà private
- In evidenza varie
- [Sperimentale] Nuova modalità di periodo di tempo e snapshot nel riquadro Lighthouse
- 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 parzialmente visualizzati nel riquadro Rendimento
- In evidenza varie
- Limitazione delle richieste WebSocket
- Nuovo riquadro API Reporting nel riquadro Applicazione
- Supporta l'attesa fino a quando l'elemento non è visibile/cliccabile nel riquadro Registratore
- Stili, formattazione e filtri migliorati nella console
- Eseguire il debug dell'estensione di Chrome con i file di mappa sorgente
- Struttura ad albero delle cartelle di origine migliorata nel riquadro Origini
- Visualizzare i file di origine del worker nel riquadro Risorse
- Aggiornamenti del tema scuro automatico di Chrome
- Selettore colori e riquadro diviso ottimizzati per il tocco
- 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
- Nuovo filtro del riquadro Proprietà
- Emula la funzionalità dei contenuti multimediali dei colori forzati CSS
- Comando Mostra righelli al passaggio del mouse
- Supporto di
row-reverseecolumn-reversenell'editor di Flexbox - Nuove scorciatoie da tastiera per riprodurre XHR ed espandere tutti i risultati di ricerca
- Lighthouse 9 nel riquadro Lighthouse
- Riquadro Origini migliorato
- In evidenza varie
- [Sperimentale] Endpoint nel riquadro dell'API Reports
- Funzionalità di anteprima: nuovo riquadro di Recorder
- Aggiornare 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 CSS ripristinata e migliorata
- Emula la funzionalità dei contenuti multimediali CSS prefers-contrast
- Emulare la funzionalità del 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 corrette degli oggetti
Intlnella console - Tracce 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
- Nuovi strumenti di authoring per la lunghezza CSS
- Nascondere i problemi nella scheda Problemi
- Miglioramento della visualizzazione delle proprietà
- 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
- Sperimentazioni dell'origine nella visualizzazione dei dettagli del frame
- Nuovo badge per le query del contenitore CSS
- Nuova casella di controllo per invertire i filtri di rete
- Ritiro imminente della barra laterale della console
- Mostrare le intestazioni
Set-Cookiesnon elaborate nella scheda Problemi e nel riquadro Rete - Visualizzare in modo coerente gli accessori nativi come proprietà proprie in Console
- Tracce dello stack degli errori corrette per gli script in linea 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 sui contenitori 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
- URL nuova nota nel riquadro Manifest
- Sono stati corretti i selettori di corrispondenza CSS
- Creazione di risposte JSON in tempo reale nel riquadro Network
- Editor di griglie CSS
- Supporto per le rideclarazioni di
constnella console - Visualizzatore ordine 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 della modalità Quirks nella scheda Problemi
- Includere le intersezioni di calcolo nel riquadro Rendimento
- Lighthouse 7.5 nel riquadro Lighthouse
- Menu contestuale "Riavvia frame" ritirato nello stack chiamate
- [Sperimentale] Monitor di Protocol
- [Sperimentale] Puppeteer Recorder
- Popup di informazioni sui Web Vitals
- Nuovo Controllo memoria
- Visualizzare lo scorrimento a scatto CSS
- Nuovo riquadro delle impostazioni dei badge
- Anteprima delle immagini migliorata con informazioni sulle proporzioni
- Nuovo pulsante Condizioni di rete con opzioni per configurare i
Content-Encoding - 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 Dettagli frame
- Filtrare gli esperimenti nell'impostazione Esperimenti
- Nuova colonna
Vary Headernel 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 per le flexbox CSS
- Nuovo overlay Core Web Vitals
- Il conteggio dei problemi è stato spostato nella barra di stato di Console
- Segnalare problemi relativi all'Attività web attendibile
- Formattare le stringhe come valori letterali di stringa JavaScript (validi) nella console
- Nuovo riquadro Token attendibili nel riquadro Applicazione
- Emulare la funzionalità dei contenuti multimediali color-gamut del CSS
- Strumenti per le app web progressive migliorati
- Nuova colonna
Remote Address Spacenel riquadro Rete - Miglioramenti delle prestazioni
- Visualizzare le funzionalità consentite/non consentite nella visualizzazione dei dettagli del frame
- Nuova colonna
SamePartynel riquadro Cookie - Deprecato il supporto non standard di
fn.displayName - Ritiro del pulsante
Don't show Chrome Data Saver warningnel menu Impostazioni - [Sperimentale] Report automatici sui problemi di basso contrasto nella scheda Problemi
- [Sperimentale] Visualizzazione ad albero dell'accessibilità completa nel riquadro Elementi
- Supporto per il debug delle violazioni di Trusted Types
- Acquisire screenshot del nodo oltre l'area visibile
- Nuova scheda Token attendibili per le richieste di rete
- Lighthouse 7 nel riquadro Lighthouse
- Supporto della forzatura dello stato
:targetdel 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
- Mantenere l'impostazione "Registra log di rete"
- Visualizza le connessioni WebTransport nel riquadro Rete
- Il nome "Online" è stato rinominato "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 Dettagli frame
- Fornire feedback dalla scheda Problemi
- Frame interrotti nel riquadro Prestazioni
- Emulare dispositivi pieghevoli e con doppio schermo 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 dell'angolo CSS
- Emula tipi di immagini non supportati
- Simulare le dimensioni della quota di spazio 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 dei dettagli del frame
- Nuove informazioni sui worker web nella visualizzazione dei dettagli del frame
- Mostrare i dettagli del riquadro dell'apri app per le finestre aperte
- Apri il riquadro Rete dal riquadro Service worker
- Copiare 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 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 di CSS Grid
- Nuova scheda WebAuthn
- Spostare gli strumenti tra il riquadro superiore e quello 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-typeeurlnel riquadro Rete - Aggiornamenti della visualizzazione dei dettagli del frame
- Ritiro di
Settingsnel 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
- 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 di nuove funzionalità 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 delle intestazioni
X-Client-Dataleggibili da una persona nel riquadro Rete - Completamento automatico dei caratteri personalizzati nel riquadro Stili
- Mostrare in modo coerente il tipo di risorsa nel riquadro Rete
- Cancellare i pulsanti nei riquadri Elementi e Rete
- Modifica dello stile per i framework CSS-in-JS
- Lighthouse 6 nel riquadro Lighthouse
- Ritiro di First Meaningful Paint (FMP)
- Supporto per le nuove funzionalità di JavaScript
- Nuovi avvisi relativi alle scorciatoie per le app nel riquadro Manifest
- Eventi
respondWithdel service worker 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
- Visualizzare le informazioni sull'accessibilità nella descrizione comando della modalità di ispezione
- Aggiornamenti al riquadro Rendimento
- Terminologia più accurata delle promesse nella console
- Aggiornamenti al riquadro degli stili
- Ritiro del riquadro Proprietà nel riquadro Elementi
- Supporto delle scorciatoie per le app nel riquadro Manifest
- Emula difetti alla vista
- Emulare i 'locale'
- 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
- Agganciarsi a sinistra dal menu di comando
- 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 dell'app web più precise
- Passa il mouse sopra le proprietà CSS
contentper 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
leteclassnella console - Miglioramento del debug di WebAssembly
- Richiedi catene iniziatore nella scheda Iniziatore
- Evidenzia la richiesta di rete selezionata nella pagina Panoramica
- Colonne URL e percorso nel riquadro Rete
- Stringhe dello 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
- Simula diverse preferenze, schema di colori e preferenze di movimento ridotto
- Aggiornamenti sulla copertura del codice
- Eseguire il debug del motivo per cui è stata richiesta una risorsa di rete
- I riquadri Console e 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 gli 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
- Cache di precaricamento 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 dei dati HAR
- Utilizzo memoria in tempo reale
- Numeri di porta di registrazione dei service worker
- Esaminare gli eventi di recupero e sincronizzazione in background
- Puppeteer per Firefox
- Preimpostazioni significative per il completamento automatico delle funzioni CSS
- Cancellare i dati dei siti dal menu di comando
- Visualizzare 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 di messaggi binari WebSocket
- Acquisire 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 sul rendimento
- First Paint nella sezione Tempi
- Suggerimento extra: scorciatoia per visualizzare i codici colore RGB e HSL (video)
- Punti di log
- Descrizioni comando dettagliate in modalità di ispezione
- Esportare i dati sulla copertura del codice
- Navigare nella console con una tastiera
- Riga del rapporto di contrasto AAA nel selettore dei colori
- Salvare le sostituzioni della posizione geografica personalizzate
- Ripiegamento del codice
- Scheda Frame rinominata in Messaggi
- Suggerimento extra: Filtro del riquadro Rete per proprietà (video)
- Visualizzare le metriche sul rendimento nel riquadro Rendimento
- Evidenziare i nodi di testo nell'albero DOM
- Copia il percorso JS in 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 ispezionare le query sui contenuti multimediali (video)
- Passa il mouse sopra un risultato dell'espressione dinamica per evidenziare un nodo DOM
- Memorizzare i nodi DOM come variabili globali
- Informazioni su iniziatore e priorità ora disponibili nelle importazioni ed esportazioni HAR
- Accedi al menu Comando 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
- Completamento automatico dei punti di interruzione condizionali
- Interrompere in base agli 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
- L'opzione "Mostra i timestamp" è stata spostata in 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 desktop e visualizzazione delle tracce
- Interrompere i loop infiniti
- Tempi utente nelle schede Rendimento
- Istanze VM JavaScript elencate chiaramente nel riquadro Memoria
- Scheda Rete rinominata scheda Pagina
- Aggiornamenti del tema scuro
- Informazioni sulla trasparenza dei certificati nel riquadro Sicurezza
- Funzionalità di isolamento dei siti nel riquadro Prestazioni
- Suggerimento extra: Pannello Livelli + Inspect Animations (video)
- Blackboxing nel riquadro Rete
- 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 delle sostituzioni locali per gli stili all'interno di HTML
- Suggerimento extra: script del framework Blackbox per rendere più utili i punti di interruzione del listener di eventi
- Sostituzioni locali
- Nuovi strumenti di accessibilità
- La scheda Modifiche
- Nuovi controlli SEO e sul 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
- Raggruppare messaggi della console simili
- Suggerimento extra: attiva/disattiva la pseudo-classe al passaggio del mouse (video)
- Supporto del debug remoto multi-client
- Workspace 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
- Visualizzare quando un service worker ha memorizzato nella cache le risposte
- Attivare il misuratore FPS dal menu di comando
- Impostare il comportamento della rotellina del mouse per lo zoom o lo scorrimento
- Supporto per il debug dei moduli ES6
- Nuovo riquadro Controlli
- Badge di terze parti
- Un nuovo gesto per Vai qui
- Eseguire il passaggio a una chiamata asincrona
- 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
- Le strutture ad accesso asincrono sono attive per impostazione predefinita
- Copertura del codice CSS e JS
- Screenshot a pagina intera
- Blocca richieste
- Passa al passaggio asincrono in attesa
- Menu dei comandi unificato
Chrome 131
Chrome 130
Chrome 129
Chrome 128
Chrome 127
Chrome 126
Chrome 125
Chrome 124
Chrome 123
Chrome 122
Chrome 121
Chrome 120
Chrome 119
Chrome 118
Chrome 117
Chrome 116
Chrome 115
Chrome 114
Chrome 113
Chrome 112
Chrome 111
Chrome 110
Chrome 109
Chrome 108
Chrome 107
Chrome 106
Chrome 105
Chrome 104
Chrome 103
Chrome 102
Guida introduttiva a Chrome
Chrome 100
Chrome 99
Chrome 98
Chrome 97
Chrome 96
Chrome 95
Chrome 94
Chrome 93
Chrome 92
Chrome 91
Chrome 90
Chrome 89
Chrome 88
Chrome 87
Chrome 86
Chrome 85
Chrome 84
Chrome 83
Chrome 82
Il rilascio di Chrome 82 è stato annullato.