Rekorder mit Erweiterungen anpassen

Sofia Emelianova
Sofia Emelianova
GitHub
Jecelyn Yeen

Sie können den Aufzeichnungstool anpassen und in Ihren Workflow einbinden, indem Sie Erweiterungen von Drittanbietern installieren, die zu den von Ihnen verwendeten Tools passen.

Hier finden Sie eine Sammlung von Erweiterungen.

Erweiterungen installieren

Wenn Sie den Aufzeichnungstool in Ihre Tools einbinden möchten, installieren Sie Erweiterungen:

  1. Wählen Sie eine Erweiterung aus der Sammlung aus und klicken Sie darauf.
  2. Klicken Sie im Chrome Web Store auf Zu Chrome hinzufügen.
  3. Öffnen Sie die Entwicklertools in einem neuen Tab und sehen Sie sich die neuen benutzerdefinierten Optionen im Rekorder an.

Erweiterungen exportieren und wiedergeben

Auf diesem Screenshot sind die benutzerdefinierten Export- und Wiedergabeoptionen der Erweiterungen zu sehen.

Fehlerbehebung

Wenn nach der Installation einer Erweiterung keine Export- oder Wiedergabeoptionen angezeigt werden, prüfen Sie Folgendes:

  • Die Erweiterung funktioniert nur auf Webseiten. Die Exportoption ist beispielsweise für chrome://-Seiten wie chrome://extensions nicht verfügbar.
  • Öffnen Sie nach der Installation der Erweiterung immer einen neuen Browsertab.
  • Die Richtlinie des Administrators. Die Erweiterung kann durch die Administratorrichtlinie blockiert werden und wird daher nicht angezeigt (siehe Liste runtime_blocked_hosts in ExtensionSettings unter chrome://policy/).

Bekannte Probleme:

  • Problem 1351416 in Chrome 104 und 105 verhindert, dass die Exportoption angezeigt wird, wenn Sie den Aufzeichnungstool als erstes DevTools-Steuerfeld öffnen. Als Problemumgehung können Sie zuerst ein anderes Steuerfeld öffnen (z. B. die Konsole) und dann den Aufzeichnungstool. Das Problem wurde in Chrome 106 behoben.

Eigene Erweiterung erstellen

Wenn Sie den Aufzeichnungstool weiter an Ihre Anforderungen anpassen möchten, können Sie eine eigene Erweiterung erstellen:

  1. Weitere Informationen finden Sie unter Nutzerflüsse mithilfe anderer Tools als dem Chrome DevTools-Aufzeichnungstool anpassen und automatisieren.
  2. Weitere Informationen zur chrome.devtools.recorder API
  3. Beispiel-Erweiterungen
  4. Entwickeln Sie Ihre Erweiterung und veröffentlichen Sie sie im Chrome Web Store.