Gebruik het Recorder- paneel om gebruikersstromen vast te leggen, te meten en te bewerken. Het Recorder- paneel bevat een reeks diagnostische hulpmiddelen waarmee frontend-ontwikkelaars hun conversiepaden kunnen verbeteren en debuggen. Voor een begeleide tutorial gaat u naar Gebruikersstromen opnemen, opnieuw afspelen en meten .
Overzicht
Met het Recorder-paneel kunt u:
- Gebruikersstromen opnemen en opnieuw afspelen : start een opname om het Recorder- paneel bepaalde gebeurtenissen op uw website of app te laten volgen. Daarna kunt u een gebruikersstroom opnieuw afspelen en tussen stappen springen. Vertraag de herhaling om beter te begrijpen wat er in een gebruikersstroom gebeurt. Ontdek bovendien hoe u opnieuw kunt afspelen met externe bibliotheken .
- Gebruikersstromen bewerken en fouten opsporen : bewerk de stappen van een opgenomen gebruikersstroom, zelfs tijdens de opname. Stel breekpunten in en voer stap voor stap een gebruikersstroom uit. Inspecteer de code en bekijk de stappen en hun code naast elkaar.
- Prestatieprofielen genereren : meet de prestaties van een vastgelegde gebruikersstroom door een profiel te genereren en een rapport te bekijken in het prestatiepaneel .
- Gebruikersstromen delen en exporteren : u kunt een gebruikersstroom exporteren als een JSON-bestand of in meerdere Puppeteer-indelingen, en in elke indeling die wordt geboden door de Export-extensies van de Recorder . U kunt ook een gebruikersstroom importeren .
Om het Recorder- paneel beter in uw workflow te integreren en de mogelijkheden ervan uit te breiden, kunt u het Recorder-paneel aanpassen met extensies .
Open het Recorderpaneel
Volg deze stappen om het Recorder- paneel te openen:
- Open DevTools .
- Open het Commandomenu door op te drukken:
- macOS: Command + Shift + P
- Windows, Linux, ChromeOS: Control + Shift + P
- Begin met het typen
Recorder panel
, selecteer Recorderpaneel weergeven en druk op Enter .
U kunt ook in de rechterbovenhoek
Meer opties > Meer tools > Recorderpaneel selecteren.