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, riprodurle, condividerle ed esportarle in diversi formati che puoi utilizzare nella tua CI/CD.

Il riquadro Registratore è in fase di sviluppo attivo e di recente sono state aggiunte 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 avanza l'esecuzione un passaggio alla volta.
  • Quando è in pausa, interagisci con la pagina o passa ad altri riquadri per ulteriori ispezioni.
  • Aggiungi i passaggi che Registratore non acquisisce automaticamente. Ad esempio, il passaggio del mouse che altrimenti contamina le registrazioni.
  • Configura i passaggi, ad esempio aggiungendo timeout, condizioni e asserzioni.
  • Esporta le registrazioni in vari formati, come 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 stesura di questo articolo, puoi aggiungere estensioni per i seguenti strumenti: Cypress, WebPageTest, Nightwatch, Testing Library e WebdriverIO. Consulta l'elenco completo delle estensioni.

Per ulteriori informazioni: