Tipps zu Entwicklertools: User Flow-Aufzeichnungen bearbeiten, debuggen und exportieren

Sofia Emelianova
Sofia Emelianova

Im Bereich Aufzeichnung der DevTools können Sie Nutzeraktionen auf Ihrer Seite aufzeichnen, wiedergeben, freigeben und in verschiedene Formate exportieren, die Sie in Ihrem CI/CD verwenden können.

Der Bereich Aufzeichnungen befindet sich in aktiver Entwicklung. Vor Kurzem wurden neue Funktionen hinzugefügt, mit denen Sie Aufzeichnungen bearbeiten, beheben und exportieren können.

Im Bereich Aufzeichnung kannst du Folgendes tun:

  • Sie können die Wiedergabe verlangsamen, Haltepunkte setzen, pausieren, fortsetzen oder die Ausführung Schritt für Schritt vor- und zurückgehen.
  • Wenn die Wiedergabe pausiert ist, können Sie mit der Seite interagieren oder zu anderen Bereichen wechseln, um sie genauer zu untersuchen.
  • Fügen Sie Schritte hinzu, die vom Rekorder nicht automatisch erfasst werden. Beispielsweise Mausbewegungen, die sonst Aufnahmen beeinträchtigen.
  • Konfigurieren Sie Schritte, z. B. Zeitüberschreitungen, Bedingungen und Bestätigungen hinzufügen.
  • Sie können die Aufzeichnungen in verschiedenen Formaten exportieren, z. B. JSON, @puppeteer/replay-Script und Puppeteer-Script.

Außerdem können Sie mit Chrome-Erweiterungen weitere Exportformate für den Bereich Aufzeichnung hinzufügen. Zum Zeitpunkt der Erstellung dieses Artikels können Sie Erweiterungen für die folgenden Tools hinzufügen: Cypress, WebPageTest, Nightwatch, Testing Library und WebdriverIO. Vollständige Liste der Erweiterungen

Weitere Informationen: