Utilizza il pannello Registratore per registrare, misurare e modificare i flussi utente. Il riquadro Registratore contiene un insieme di strumenti di diagnostica che possono aiutare gli sviluppatori frontend a migliorare e eseguire il debug dei percorsi di conversione. Per un tutorial guidato, consulta Registrare, riprodurre e misurare i flussi utente.
Panoramica
Il pannello Registratore ti consente di:
- Registra e riproduci i flussi utente: avvia una registrazione per consentire al riquadro Registratore di monitorare determinati eventi sul tuo sito web o nella tua app. In seguito, puoi riprodurre un flusso utente e passare da un passaggio all'altro. Rallenta la riproduzione per comprendere meglio cosa succede in un flusso utente. Inoltre, scopri come riprodurre di nuovo con librerie esterne.
- Modifica e debug dei flussi utente: modifica i passaggi di un flusso utente registrato, anche durante la registrazione. Imposta i punti di interruzione ed esegui un flusso utente passo passo. Esamina il codice e visualizza una visualizzazione affiancata dei passaggi e del relativo codice.
- Genera profili di rendimento: misura il rendimento di un flusso utente registrato generando un profilo e visualizzando un report nel riquadro Rendimento.
- Condividi ed esporta i flussi utente: puoi esportare un flusso utente come file JSON o in più formati Puppeteer e in qualsiasi formato fornito dalle estensioni di esportazione di Registratore. Puoi anche importare un flusso utente.
Per integrare meglio il riquadro Registratore nel tuo flusso di lavoro ed espandere le sue funzionalità, personalizza il riquadro Registratore con le estensioni.
Apri il riquadro Registratore
Per aprire il riquadro Registratore:
- Apri DevTools.
- Apri il menu Comando premendo:
- macOS: Comando+Maiusc+P
- Windows, Linux, ChromeOS: Control+Maiusc+P
- Inizia a digitare
Recorder panel
, seleziona Mostra riquadro Registratore e premi Invio.
In alternativa, nell'angolo in alto a destra, seleziona
Altre opzioni > Altri strumenti > Pannello Registratore.