Novità di DevTools (Chrome 97)

Jecelyn Yeen

Funzionalità di anteprima: nuovo pannello Registratore

Utilizza il nuovo riquadro Registratore per registrare, riprodurre e misurare i flussi degli utenti.

Apri il riquadro Registratore. Segui le istruzioni sullo schermo per avviare una nuova registrazione.

Ad esempio, puoi registrare la procedura di pagamento del caffè con questa applicazione di demo di ordinazione di caffè. Dopo aver aggiunto un caffè e aver compilato i dettagli di pagamento, puoi terminare la registrazione, riprodurre la procedura o fare clic sul pulsante Misura il rendimento per misurare il flusso di utenti nel riquadro Rendimento.

Per scoprire di più, consulta la documentazione del riquadro Registratore con il tutorial passo passo.

Il pannello Registratore è una funzionalità in anteprima. Il nostro team sta ancora lavorando attivamente a questa funzionalità e siamo in attesa del tuo feedback per ulteriori miglioramenti.

Riquadro Registratore

Problema di Chromium: 1257499

Aggiornare l'elenco dei dispositivi in modalità Dispositivo

Attivando la barra degli strumenti del dispositivo, nell'elenco dei dispositivi vengono aggiunti dispositivi più moderni. Seleziona un dispositivo per simularne le dimensioni.

Aggiornare l'elenco dei dispositivi in modalità Dispositivo

Problema di Chromium: 1223525

Completamento automatico con Modifica come HTML

L'interfaccia utente di Modifica come HTML ora supporta il completamento automatico e l'evidenziazione della sintassi. Nel riquadro Elementi, fai clic con il tasto destro del mouse su un elemento e seleziona Modifica come HTML. Prova a digitare una proprietà DOM (ad es.id, aria). Il completamento automatico dovrebbe aiutarti a trovare il nome della proprietà che stai cercando.

Completamento automatico con Modifica come HTML

Problema di Chromium: 1215072

Esperienza di debug del codice migliorata

I numeri di colonna sono ora inclusi nell'errore di output nella console. Avere un facile accesso al numero di colonna è essenziale per il debug, in particolare con JavaScript minimizzato.

Numero di colonna nell'errore di output

Problema di Chromium: 1073064

[Sperimentale] Sincronizzazione delle impostazioni di DevTools su più dispositivi

Le impostazioni di DevTools ora vengono sincronizzate tra i dispositivi per impostazione predefinita quando attivi la sincronizzazione del profilo di Chrome. Puoi modificare le impostazioni di sincronizzazione di DevTools in Impostazioni > Sincronizza > Attiva la sincronizzazione delle impostazioni.

Impostazioni di sincronizzazione di DevTools

Questa nuova impostazione semplifica il lavoro su più dispositivi. Ad esempio, le seguenti impostazioni di aspetto vengono sincronizzate in modo da avere un'esperienza coerente su tutti i dispositivi e non dover ridefinire le stesse impostazioni. Scopri di più sulla funzionalità di sincronizzazione nella personalizzazione di DevTools.

impostazioni aspetto

Al momento questa funzionalità è sperimentale e il team sta ancora lavorando attivamente per migliorarla. Se hai un feedback, condividilo con noi qui.

Problema di Chromium: 1245541

Scaricare i canali di anteprima

Valuta la possibilità di utilizzare Chrome Canary, Dev o Beta come browser di sviluppo predefinito. Questi canali di anteprima ti 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 i tuoi utenti.

Contatta il team di Chrome DevTools

Utilizza le seguenti opzioni per discutere di nuove funzionalità, aggiornamenti o qualsiasi altro argomento relativo a DevTools.

Novità di DevTools

Un elenco di tutto ciò che è stato trattato nella serie Novità di DevTools.