Dale St. Marthe
Utilizza il riquadro Registratore per registrare, misurare e modificare i flussi di utenti. Il riquadro Registratore contiene un insieme di strumenti di diagnostica che possono aiutare gli sviluppatori frontend a migliorare i propri percorsi di conversione ed eseguirne il debug. Per un tutorial guidato, consulta Registrare, riprodurre e misurare i flussi utente.
Panoramica
Il riquadro Registratore ti consente di:
- Registrazione e riproduzione dei flussi utente: avvia una registrazione per fare in modo che il riquadro Registratore monitori determinati eventi sul tuo sito web o nella tua app. In seguito, potrai riprodurre di nuovo un flusso di utenti e passare da un passaggio all'altro. Rallenta la riproduzione per capire meglio cosa succede nel flusso di un utente. Scopri anche come giocare di nuovo con le librerie esterne.
- Modificare ed eseguire il debug dei flussi utente: modifica i passaggi di un flusso utente registrato, anche durante la registrazione. Imposta punti di interruzione ed esegui passo dopo passo un flusso utente. Esamina il codice e visualizza i passaggi e il codice affiancati.
- Genera profili del 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 del Registratore. Puoi anche importare un flusso di utenti.
Per integrare meglio il riquadro Registratore nel flusso di lavoro e ampliarne le funzionalità, personalizza il riquadro Registratore con le estensioni.
Apri il riquadro Registratore
Per aprire il riquadro Registratore, segui questi passaggi:
- Apri DevTools.
- Apri il menu Comando premendo:
- macOS: Comando+Maiusc+P
- Windows, Linux, ChromeOS: Ctrl+Maiusc+P
- Inizia a digitare
Recorder panel, seleziona Mostra riquadro Registratore e premi Invio.
In alternativa, nell'angolo in alto a destra, seleziona more_vert Altre opzioni > Altri strumenti > Riquadro Registratore.