DevTools-tips: gebruikersstroomopnamen bewerken, debuggen en exporteren

Sofia Emelianova
Sofia Emelianova

Met het DevTools Recorder- paneel kunt u gebruikersacties op uw pagina vastleggen, opnieuw afspelen, delen en exporteren naar verschillende indelingen die u in uw CI/CD kunt gebruiken.

Het Recorder- paneel is in actieve ontwikkeling en heeft onlangs nieuwe functies toegevoegd waarmee u opnamen kunt bewerken, debuggen en exporteren.

Met het Recorderpaneel kunt u:

  • Vertraag de herhaling, stel breekpunten in, pauzeer, hervat of vervroeg de uitvoering stap voor stap.
  • Wanneer u pauzeert, kunt u communiceren met de pagina of naar andere panelen gaan voor verdere inspectie.
  • Voeg stappen toe die de Recorder niet automatisch vastlegt. Muisbewegingen veroorzaken bijvoorbeeld op een andere manier opnames.
  • Configureer stappen, voeg bijvoorbeeld time-outs, voorwaarden en beweringen toe.
  • Exporteer de opnamen in verschillende formaten, zoals JSON, @puppeteer/replay script en Puppeteer script .

Bovendien kunt u meer exportformaten toevoegen met behulp van Chrome-extensies voor het Recorder- paneel. Op het moment van schrijven kunt u extensies toevoegen voor de volgende tools: Cypress , WebPageTest , Nightwatch , Testing Library en WebdriverIO . Bekijk de volledige lijst met extensies .

Voor meer informatie: