Ideen, Tutorials und Updates von unserem Team.
Ich habe jedes BugDump-Portal von bugdump.com/p/acme-store nach acme-store.bugdump.com umgezogen, ohne eine einzige Route-Datei zu verschieben: TanStack Router schreibt die URL auf dem Hin- und auf dem Rückweg um. Ein Output-Rewrite, der seine URL verändert, schickt Links auf den falschen Host, navigate() kann keinen anderen Ursprung ansteuern, und eine Wildcard-Route in Workers läuft vor jeder Custom Domain der Zone.
Error-Tracking für eine kleine Web-App läuft auf vier Dinge hinaus: fangen, was kaputtgeht, Wiederholungen gruppieren, den Stack in deinem eigenen Code lesen und die Minute vor dem Absturz aufbewahren. Wie jedes davon im Browser funktioniert, was du wegwerfen kannst und wann du ein vollwertiges Monitoring-Tool brauchst.
Ein eingebettetes Widget kann das html lang der Seite lesen, die navigator.languages des Browsers oder das, was die Website ihm vorgibt. Oft widersprechen sie sich. Welche Reihenfolge ich für das Widget von BugDump gewählt habe, warum die Seite zuerst kommt und welche Kleinigkeiten unterwegs kaputtgingen.
Ich habe jeder Priorität einen stabilen Key gegeben, damit sich Integrationen darauf verlassen können. Unbemerkt wurde dieser Key auch zu dem Wert, den die Clients bekamen. Prioritäten editierbar zu machen hieß deshalb, neun Stellen zu finden, die ihn lesen, vier switch-Statements, die still scheitern, und eine Annahme, die schon im Plan falsch war.
Deine App hat einen Dark-Mode-Schalter. Chat-Bubble, Feedback-Widget und Cookie-Banner ignorieren ihn. Warum prefers-color-scheme für eingebettete Widgets das falsche Signal ist und welche kleine API das behebt.
Wie Session-Replay funktioniert, was es aufzeichnet und warum es zusammen mit Console- und Netzwerk-Logs aus vagen Fehlerberichten diagnostizierbare macht.
Drei Wege, einen Button für Fehlerberichte in jede Website einzubauen (Script-Tag, npm-Paket oder Initialisierung im Code), mit Tipps zur Konfiguration und typischen Stolperfallen.
Ein Third-Party-Widget, das jedem Besuch 450 KB ausliefert, muss das rechtfertigen können. Meines konnte es nicht. Die Messung, die Lösung und warum ich mich bei defer geirrt hatte.
„Nicht reproduzierbar“ ist keine Eigenschaft des Bugs. Es ist eine Aussage über den Unterschied zwischen zwei Rechnern. Solche Unterschiede gibt es nur etwa acht, und jeder hinterlässt einen eigenen Fingerabdruck.
Die DevTools sind auf dem falschen Rechner offen. Wie du Console, Fehler, fetch und XHR instrumentierst, damit dir ein fremder Browser sagt, was wirklich passiert ist, und an welchen Fallen naive Implementierungen genau die Seite kaputtmachen, die sie überwachen.
Session-Replay hat ein Imageproblem, und das meiste davon ist verdient. So nutze ich es: an einen Bericht gebunden, von der meldenden Person weichzuzeichnen und mit einer Zeile abschaltbar.
Ein Rundgang durch jedes Signal, das das BugDump-Widget sammelt: warum es seinen Platz verdient und welche Signale tatsächlich Bugs lösen.