How to Record Screen for Bug Reports: Eine Schritt-für-Schritt-Anleitung
Ein Bild sagt mehr als tausend Worte, aber ein Video sagt mehr als tausend Bilder. Bei Bug Reports können Screen Recordings den Unterschied ausmachen zwischen einem Ticket, das in Minuten behoben wird, und einem, das wochenlang im Backlog liegt.
In dieser Anleitung zeigen wir Ihnen, wann Sie Screen Recordings verwenden sollten, wie Sie sie mit BugCapturer erstellen, und die besten Vorgehensweisen, um Ihre Aufnahmen so nützlich wie möglich zu gestalten.
Wann Sie Screen Recording vs. Screenshots verwenden sollten
Nicht jeder Bug benötigt eine Aufnahme. Hier ist eine kurze Orientierungshilfe:
| Bug-Typ | Screenshot | Screen Recording |
|---|---|---|
| Statisches Layout-Problem | ✅ Beste Wahl | ❌ Übertrieben |
| Fehlender oder falscher Text | ✅ Beste Wahl | ❌ Übertrieben |
| Animations- oder Übergangsfehler | ❌ Nicht erfassbar | ✅ Unverzichtbar |
| Hover-Zustand oder Tooltip-Problem | ❌ Schwer zu erfassen | ✅ Beste Wahl |
| Bug mit mehreren Arbeitsschritten | ❌ Erfordert viele Screenshots | ✅ Eine Aufnahme deckt alles ab |
| Leistungs- / Verzögerungsproblem | ❌ Kann Geschwindigkeit nicht zeigen | ✅ Zeigt Timing |
| Unregelmäßiger / zeitkritischer Bug | Nicht erfassbar | ✅ Beste Chance, ihn zu erwischen |
Allgemeine Regel: Wenn Sie den Bug mit einem einzigen kommentierten Screenshot klar beschreiben können, verwenden Sie einen Screenshot. Wenn der Bug Bewegung, Timing oder mehrere Schritte umfasst, nehmen Sie ein Video auf.
So zeichnen Sie den Bildschirm mit BugCapturer auf
BugCapturer v1.2.0 macht Screen Recording einfach und hält alles lokal — keine Uploads, keine Drittanbieterdienste.
Schritt 1: BugCapturer öffnen
Klicken Sie auf das BugCapturer-Symbol in Ihrer Browser-Symbolleiste. Das Popup mit den verfügbaren Optionen wird angezeigt.
Schritt 2: Aufnahme starten
Klicken Sie auf die Schaltfläche "Record Screen". BugCapturer wird um Erlaubnis bitten, Ihren Bildschirm freizugeben — wählen Sie den Browser-Tab aus, den Sie aufnehmen möchten, und klicken Sie auf "Share".
Schritt 3: Den Bug aufnehmen
Führen Sie die Schritte aus, die den Bug reproduzieren. Die Aufnahmesteuerung wird am unteren Bildschirmrand angezeigt und zeigt die verstrichene Zeit an. Sie können die Aufnahme bei Bedarf anhalten und fortsetzen.
Schritt 4: Stoppen und Überprüfen
Klicken Sie auf "Stop Sharing", wenn Sie fertig sind. Die Aufnahme wird im BugCapturer-Popup zur Überprüfung angezeigt.
Schritt 5: Kürzen (Optional)
Wenn die Aufnahme am Anfang oder Ende unnötiges Material enthält, verwenden Sie das Trim-Werkzeug, um es herauszuschneiden. Ziehen Sie die Griffe, um den gewünschten Abschnitt auszuwählen.
Schritt 6: Schlüsselbilder extrahieren (Optional)
Heben Sie kritische Momente hervor, indem Sie Einzelbilder aus der Aufnahme als PNG-Bilder extrahieren. Diese können zusammen mit der Aufnahme als schnelle Referenz verwendet werden.
Schritt 7: An Ihren Bug Report anhängen
Die Aufnahme kann nun in Ihren Bug Report aufgenommen werden. Wenn Sie die E-Mail über BugCapturer senden, wird die Aufnahmedatei automatisch angehängt.
Best Practices für Screen Recordings
Halten Sie es kurz
Streben Sie 15-30 Sekunden an. Wenn der Bug länger zur Reproduktion benötigt, sollten Sie die Aufnahme kürzen, sodass nur die relevanten Teile zu sehen sind.
Zeigen Sie die Schritte
Starten Sie die Aufnahme und führen Sie dann die Reproduktionsschritte aus. So erhalten Entwickler sowohl den visuellen Nachweis als auch die Schritte in einem Paket.
Heben Sie das Problem hervor
Verwenden Sie die Annotation-Werkzeuge nach der Aufnahme — fügen Sie Pfeile oder Kästchen hinzu, um die Aufmerksamkeit auf den Problembereich in extrahierten Bildern zu lenken.
Überprüfen Sie die Dateigröße
WebM-Aufnahmen sind typischerweise 1-3 MB für 15-30 Sekunden. Wenn Ihre Aufnahme viel größer ist, versuchen Sie, die Aufnahmequalität zu reduzieren oder großzügiger zu kürzen.
Benennen Sie sie eindeutig
Verwenden Sie beschreibende Dateinamen wie cart-counter-stale-on-firefox.webm anstelle von recording-001.webm.
Häufige Anwendungsfälle
Hover-Zustand-Bug
Ein Dropdown-Menü, das verschwindet, wenn der Cursor leicht vom Ziel abweicht, ist mit einem Screenshot kaum zu beschreiben. Eine 5-Sekunden-Aufnahme erfasst das genaue Verhalten.
Animationsleistung
Ein Seitenübergang, der ruckelt oder hakt — eine Aufnahme zeigt die tatsächliche Bildrate und das Timing, was viel aussagekräftiger ist als eine Beschreibung.
Mehrschrittiges Formular-Problem
Ein Formular, das bei Schritt 4 von 5 fehlschlägt — anstelle von fünf Screenshots zeigt eine Aufnahme den gesamten Ablauf und wo er abbricht.
Fehlerbehebung
Aufnahmeberechtigungen werden nicht angezeigt
Stellen Sie sicher, dass Sie einen unterstützten Browser verwenden (Chrome 100+). Wenn der Berechtigungsdialog nicht erscheint, überprüfen Sie die Site-Einstellungen Ihres Browsers für Screen Recording-Berechtigungen.
Aufnahme ist zu groß
Versuchen Sie, die Aufnahme auf die minimal erforderliche Länge zu kürzen. Wenn Sie ein hochauflösendes Display (4K) aufnehmen, ziehen Sie in Betracht, die Browser-Fenstergröße vor der Aufnahme zu verkleinern.
Kein Ton zu hören
BugCapturer zeichnet standardmäßig den Ton des Tabs auf. Wenn Sie eine Sprachaufnahme hinzufügen möchten, verwenden Sie stattdessen das Bildschirmaufnahme-Tool Ihres Betriebssystems.
---
BugCapturer ist eine kostenlose Chrome-Erweiterung für Bug Reporting und Web-Feedback. Die gesamte Datenverarbeitung erfolgt lokal in Ihrem Browser — keine Server, keine Konten, keine Nachverfolgung.