Novità di DevTools (Chrome 97)

Funzionalità in anteprima: nuovo pannello Registratore

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

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 demo di ordinazione del caffè. Dopo aver aggiunto un caffè e compilato i dettagli di pagamento, puoi terminare la registrazione, riprodurre la procedura o fare clic sul pulsante Misura il rendimento per misurare il flusso degli utenti nel riquadro Rendimento.

Per saperne di più, consulta la documentazione del riquadro Registratore e segui il tutorial passo passo.

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

Riquadro del registratore

Problema di Chromium: 1257499

Aggiornare l'elenco dei dispositivi in modalità dispositivo

Se attivi la barra degli strumenti del dispositivo, ora vengono aggiunti dispositivi più moderni all'elenco dei dispositivi. 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 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, soprattutto con JavaScript compresso.

Numero di colonna nell'errore di output

Problema di Chromium: 1073064

[Sperimentale] Sincronizzazione delle impostazioni di DevTools tra dispositivi

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

Impostazioni di sincronizzazione di DevTools

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

impostazioni aspetto

Questa funzionalità è attualmente sperimentale e il team sta ancora lavorando attivamente. Se hai feedback, condividili con noi qui.

Problema di Chromium: 1245541

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.

Contatta il team di Chrome DevTools

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.