Im Bereich Rekorder können Sie Nutzerflüsse aufzeichnen, messen und bearbeiten. Der Bereich Rekorder enthält eine Reihe von Diagnosetools, mit denen Frontend-Entwickler ihre Conversion-Pfade verbessern und debuggen können. Eine interaktive Anleitung finden Sie unter Nutzerflüsse aufzeichnen, wiedergeben und messen.
Überblick
Im Bereich „Rekorder“ können Sie Folgendes tun:
- Nutzerflüsse aufzeichnen und wiedergeben: Starten Sie eine Aufzeichnung, damit das Steuerfeld Rekorder bestimmte Ereignisse auf Ihrer Website oder in Ihrer App nachverfolgt. Anschließend können Sie einen User Flow noch einmal abspielen und zwischen den Schritten wechseln. Verlangsamen Sie die Wiedergabe, um besser nachzuvollziehen, was in einem Nutzerfluss passiert. Außerdem erfahren Sie, wie Sie externe Bibliotheken wiedergeben.
- Nutzerflüsse bearbeiten und debuggen: Sie können die Schritte eines aufgezeichneten Nutzerflusses bearbeiten, auch während der Aufzeichnung. Setzen Sie Haltepunkte und führen Sie Schritt für Schritt einen User Flow aus. Prüfen Sie den Code und sehen Sie sich die Schritte und deren Code nebeneinander an.
- Leistungsprofile erstellen: Messen Sie die Leistung eines aufgezeichneten Nutzerflusses, indem Sie ein Profil erstellen und im Bereich Leistung einen Bericht aufrufen.
- Nutzerflüsse freigeben und exportieren: Sie können einen Nutzerfluss als JSON-Datei oder in mehreren Puppeteer-Formaten und in jedem von den Exporterweiterungen des Rekorders bereitgestellten Formats exportieren. Sie können auch einen User Flow importieren.
Wenn Sie den Rekorder-Bereich besser in Ihren Workflow einbinden und mehr Funktionen nutzen möchten, passen Sie ihn mit Erweiterungen an.
Rekorder-Bereich öffnen
So öffnen Sie den Bereich Rekorder:
- Öffnen Sie die Entwicklertools.
- Öffnen Sie das Befehlsmenü durch Drücken von:
- macOS: Befehlstaste + Umschalttaste + P
- Windows, Linux, ChromeOS: Strg + Umschalttaste + P
- Geben Sie
Recorder panel
ein, wählen Sie Rekorder-Bereich anzeigen aus und drücken Sie die Eingabetaste.
Alternativ können Sie auch rechts oben more_vert Weitere Optionen > Weitere Tools > Rekorder-Bereich auswählen.