Warum BugCapturer
Wie mühsam klassisches Bug-Feedback ist
Du entdeckst ein Problem auf einer Website und willst es melden. Der klassische Ablauf sieht so aus:Wie BugCapturer es macht
Kernfunktionen im Detail
Bereichs-Screenshot
Nach einem Klick auf das Erweiterungssymbol ziehst du auf der Seite einfach einen Bereich auf. Kein Vollbild-Screenshot und kein Zuschneiden hinterher — du wählst genau die Stelle, die du melden willst.- 8 Anfasser zum präzisen Justieren der Auswahl
- Alles außerhalb der Auswahl wird automatisch abgedunkelt
- Kontextmenü-Kurzbefehl („Screenshot-Feedback")
5 Anmerkungswerkzeuge
Nach der Aufnahme öffnet sich der Anmerkungseditor mit fünf Werkzeugen:| Werkzeug | Zweck | Beispiel |
|---|---|---|
| Pfeil | Auf das problematische Element zeigen | Roter Pfeil auf überlappende Buttons |
| Rechteck | Problembereich einrahmen | Kasten um einen kaputten Layout-Block |
| Text | Schriftliche Notiz ergänzen | „Text ist hier abgeschnitten" |
| Pinsel | Frei zeichnen | Einkreisen, unterstreichen, abhaken |
| Mosaik | Sensible Informationen unkenntlich machen | Benutzernamen, E-Mails, API-Keys maskieren |
Automatische technische Metadaten
Beim Absenden eines Berichts erfasst BugCapturer Folgendes automatisch — nichts zum Eintippen:| Information | Warum sie wichtig ist |
|---|---|
| Seiten-URL | Die genaue Seite lokalisieren |
| Browsername und -version | Browser-Kompatibilität eingrenzen |
| Betriebssystem | Systemspezifische Probleme eingrenzen |
| Bildschirmauflösung | Layout-Probleme bei verschiedenen Auflösungen |
| Viewport-Größe | Responsive-Layout-Probleme beurteilen |
| Device Pixel Ratio (DPR) | Retina-/HiDPI-Darstellungsprobleme |
| Zeitstempel | Festhalten, wann das Problem auftrat |
Konsolenfehler automatisch erfassen
Wenn eine Seite kaputtgeht, steht in der Browser-Konsole fast immer etwas. Aber die meisten wissen nicht, wie man sie öffnet — geschweige denn den Fehler kopiert. BugCapturer erfasst Konsolenfehler für dich:- Nur
error-Level (Info-/Warn-Rauschen wird gefiltert)
- Enthält Fehlermeldung plus Quellort (Datei:Zeile:Spalte)
- Bis zu die letzten 10 Einträge
- Erfasst beim Absenden des Berichts, kein Hintergrund-Mithören
- Abschaltbar per Häkchen — die Kontrolle bleibt bei dir
Fehlgeschlagene Requests automatisch erfassen
Viele Seitenprobleme sind gar keine Rendering-Fehler — ein API-Aufruf ist fehlgeschlagen und die Daten kamen nie an. BugCapturer erfasst fehlgeschlagene Netzwerkanfragen:- Nur Requests mit Status ≥ 400 (echte Fehler)
- Enthält URL, HTTP-Methode, Statuscode und Statustext
- Bis zu die letzten 5 Einträge
- Sensible URL-Parameter werden automatisch maskiert (
token,key,secret,passwordund Ähnliches werden zu*)
- Erfasst beim Absenden des Berichts, kein Hintergrund-Mithören
Ein Klick zum Teilen — oder direkt in den Team-Workflow
Sobald die Beschreibung steht, gibt es zwei Wege — du entscheidest:- Freigabe-Link erzeugen: Ein Klick liefert einen öffentlichen Link. Der Empfänger muss nichts installieren und braucht keinen Account — er öffnet den Link im Browser und sieht den annotierten Screenshot, die Seiten-URL und die vollständige Diagnose. Ob im Chat, per E-Mail oder im Ticket: passt überall.
- An ein Ziel ausliefern: Über die Ziel-Auswahl schickst du den Bericht direkt in Lark Bitable oder deinen eigenen Webhook. Screenshot, Konsolenfehler und fehlgeschlagene Requests reisen mit, sodass daraus eine Zeile in der Team-Tabelle wird — oder ein beliebiger Ablauf in deinen Systemen startet.
Teamarbeit: einmal konfigurieren, alle nutzen es
- Teams und Mitglieder: Der Owner richtet eine Integration einmal ein, das ganze Team nutzt sie. Einladungen brauchen eine ausdrückliche Zustimmung.
- Zugangsdaten bleiben privat: Teammitglieder können über eine geteilte Integration einreichen, sehen die Zugangsdaten selbst aber nie.
- Projekte und Domains: Ein Projekt pro Website mit einer Whitelist erlaubter Domains — so werden deine SDK-Keys nicht missbraucht.
- Freigabe-Links bleiben verwaltbar: Angemeldete Nutzer verwalten oder löschen ihre geteilten Links jederzeit unter „Meine Freigaben".
Integrationen: Berichte fließen in die Tools, die ihr schon nutzt
| Integration | Passt zu | Hinweis |
|---|---|---|
| Lark Bitable | Teams in China | Keine Lark-App nötig — über einen Automatisierungs-Webhook direkt in die Tabelle schreiben, Gruppenbenachrichtigungen über Lark-Automationen |
| Generischer Webhook | Teams mit eigenen Systemen | Signierte, versionierte JSON-Payloads für n8n / Zapier / Make / eigene Dienste, mit automatischen Wiederholungen, Zustellprotokoll und manuellem Nachsenden |
7 Sprachen
BugCapturer unterstützt 7 Oberflächensprachen:- 中文（简体）
- English
- Deutsch
- Français
- Español
- Português (Brasil)
- 日本語
Datensicherheit und Datenschutz
BugCapturer ist eine Cloud-Kollaborationsplattform — und macht aus „was verarbeitet wird, wie lange es bleibt und wer es sehen kann" klare Regeln:| Prinzip | Umsetzung |
|---|---|
| Verschlüsselt bei Übertragung und Speicherung | Berichte laufen über HTTPS und werden serverseitig verschlüsselt gespeichert |
| Automatische URL-Maskierung | token, key, secret, password und Ähnliches in Request-URLs werden zu * |
| Aufbewahrungsfristen für Links | Anonyme Freigabe-Links 30 Tage, angemeldet 90 Tage, danach automatische Bereinigung — manuelles Löschen jederzeit möglich |
| Nicht erratbare Links | Freigabe-Links nutzen zufällige IDs, fremde Berichte lassen sich nicht durchprobieren |
| Getrennte Berechtigungen | Team-Integrationen richtet der Owner ein; Mitglieder nutzen sie, ohne die Zugangsdaten zu sehen; Projekte sind nur im Team sichtbar |
| Erfassung beim Absenden | Konsolenfehler und Netzwerkanfragen werden beim Absenden erfasst, nicht dauerhaft im Hintergrund |
| Nutzerkontrolle | Technische Diagnose ist standardmäßig aktiv, lässt sich aber mit einem Klick abwählen |
Für wen BugCapturer gedacht ist
QA / Test-Engineers
Die Kernzielgruppe. Wer täglich viele Bugs meldet, verkürzt mit BugCapturer jeden Bericht von 5-15 Minuten auf 30-60 Sekunden — inklusive technischer Diagnose, die das Hin und Her um „nicht reproduzierbar" reduziert.Frontend-Entwickler
Beim Debuggen von Browser-Kompatibilität musst du festhalten, wie sich eine Seite in jedem Browser verhält. BugCapturer erfasst Browserversion, Auflösung und Viewport automatisch — nichts zum Notieren.Produktmanager
Wenn Feedback unklar ist, musst du es sehen. Mit dem Website-SDK können Besucher direkt auf das Problem zeigen, samt technischem Kontext und ohne Nachfragen.UI/UX-Designer
Für den visuellen Review musst du die Abweichung zwischen Design und Live-Seite markieren. Die fünf Werkzeuge sind präzise genug für visuelle Probleme, und der Freigabe-Link geht direkt an den Kunden zur Abnahme.Teamleads / Projektverantwortliche
In UAT und Abnahme leidet alles am meisten, wenn Feedback über die Geräte aller Beteiligten verstreut ist. BugCapturer bündelt es an einer Stelle — deiner Lark-Tabelle oder dem bestehenden System — sodass Fortschritt, Verantwortliche und Status an einem Ort sichtbar sind. Genau dort stockt organisatorische Effizienz am häufigsten.Normale Internetnutzer
Jeder, der ein Website-Problem entdeckt und melden will. Kein technischer Hintergrund, keine DevTools, 30 Sekunden bis zu einem professionellen Bericht.BugCapturer vs. andere Wege
| Dimension | Manuell: Screenshot + E-Mail | Handyfoto im Chat | Spezialisierte Feedback-Plattform | BugCapturer |
|---|---|---|---|---|
| Dauer | 5-15 Minuten | 2 Minuten | 3-5 Minuten | 30 Sekunden |
| Anmerkungen | Keine / schwach | Keine | Stark | 5 Werkzeuge |
| Technische Infos | Von Hand eingetippt | Keine | Automatisch | Automatisch |
| Konsolenfehler | Braucht DevTools | Keine | Teilweise | Automatisch |
| Netzwerkfehler | Braucht DevTools | Keine | Teilweise | Automatisch |
| Wohin Berichte gehen | Persönliches Postfach | Gruppenchat | In der Plattform | Lark-Tabelle / Webhook / Freigabe-Link |
| Teamarbeit | Schwach | Schwach | Stark | Geteilte Integrationen + öffentliche Links |
| Preis | Kostenlos | Kostenlos | Kostenpflichtig | Kostenlos starten |
Installieren und nutzen
Installation
Nutzung
Häufige Fragen
Ist BugCapturer kostenlos?
Der Einstieg ist kostenlos. Der Free-Tarif umfasst 1 Seat, 3 Projekte und 1 Integration und deckt die Kernfunktionen ab: Screenshot-Annotation, Aufnahme, automatische Diagnose und Freigabe-Links. Upgrades erst, wenn das Team wächst. Kein Testzeitraum-Countdown.Sind meine Daten sicher?
Berichte laufen über HTTPS und werden verschlüsselt gespeichert; sensible URL-Parameter werden zu* maskiert; Freigabe-Links haben Aufbewahrungsfristen (anonym 30 Tage, angemeldet 90 Tage) und sind jederzeit löschbar; Team-Zugangsdaten sieht nur der Owner. Alle Details stehen in der Datenschutzerklärung.