Suggerimenti per DevTools: modificare, eseguire il debug ed esportare le registrazioni dei flussi utente

Sofia Emelianova
Sofia Emelianova

Il riquadro Registratore di DevTools ti consente di acquisire le azioni degli utenti sulla tua pagina, guardarle di nuovo, condividerle ed esportarle in una vasta gamma di formati che puoi utilizzare in CI/CD.

Il riquadro Registratore è in fase di sviluppo attivo e di recente ha aggiunto nuove funzionalità per aiutarti a modificare, eseguire il debug ed esportare le registrazioni.

Con il riquadro Registratore puoi:

  • Rallenta la riproduzione, imposta i punti di interruzione, metti in pausa, riprendi o fai avanzare l'esecuzione di un passaggio alla volta.
  • Quando è in pausa, interagisci con la pagina o passa ad altri riquadri per ulteriori controlli.
  • Aggiungi i passaggi che il Registratore non acquisisce automaticamente. Ad esempio, se passi il mouse sopra che inquina le registrazioni.
  • Configurare i passaggi, ad esempio aggiungere timeout, condizioni e asserzioni.
  • Esporta le registrazioni in vari formati, ad esempio JSON, @puppeteer/replay script e script Puppeteer.

Inoltre, puoi aggiungere altri formati di esportazione utilizzando le estensioni di Chrome per il riquadro Registratore. Al momento della scrittura, puoi aggiungere estensioni per i seguenti strumenti: Cypress, WebPageTest, Nightwatch, Testing Library e WebdriverIO. Consulta l'elenco completo delle estensioni.

Per ulteriori informazioni: