Ingen backend krævet. Drop ét script-tag, få detaljerede bugs med console-log, viewport, user-agent og screenshot — selv på en side uden server.
Opdateret august 2026 · 6 minutters læsning
Et typisk feedback-formular beder brugeren beskrive problemet i ord. De fleste gør det ikke. De kan ikke se console'en, kender ikke deres viewport-størrelse, og det tager tid at skrive trin op. Resultatet: du hører om måske ét ud af halvtreds reelle problemer — hver med detaljer der er ubrugelige. Bugbottle løser præcis dét: det fanger console-fejlene automatisk, samler kontekst (user-agent, viewport, sprog, tidsstempel) og tager et skærmbillede — alt sammen med ét script-tag og ingen afhængigheder.
Det faktiske stack trace sidder allerede i brugerens browser. Bugbottle fanger det — fjerner den sværeste del af remote debugging.
User agent, viewport, sprog, tidsstempel, side-URL — indsamlet automatisk i stedet for gættet over mail.
Ét billede erstatter ti frem-og-tilbage-beskeder om "dan der ser underligt ud".
Biblioteket er dependency-frit og leveres som almindelig ESM — det virker direkte fra CDN uden bundler eller npm-installation. Du initialiserer initConsoleBuffer() før dine brugere overhovedet har tid til at lave en fejl, og når de klikker "Rapporter", samler du console-bufferen, konteksten og eventuelt et skærmbillede og sender det som JSON til et endpoint.
Det medfølgende server-modul (bugbottle/server) validerer payloads i tre linjer — så du kan afvise ugyldige indsendelser før de overhovedet når din storage. Biblioteket er MIT-licenseret og ligger på GitHub: github.com/mahope/bugbottle.
Du har tre realistiske muligheder, alle gratis i hobby-skala:
Prøv en live-demo: åbn Bugbottle-testen.
Ja. Biblioteket er rent JavaScript uden afhængigheder og virker på WordPress, Shopify, Squarespace, Wix, statisk HTML, Next.js, Vue, React — alt der kan køre et script-tag. Selve formen skal du selv tilføje, men biblioteket giver dig console-data, kontekst og screenshot i én funktion.
Skærmbilleder indeholder potentielt personoplysninger — sørg for at din fortrolighedserklæring dækker det, og overvej at lade brugeren vælge fra i formularen. Biblioteket gemmer intet selv; det er kun din modtager-endpoint der gemmer data.
Ja. Brug GitHub Issues + Action-måden: rapporten postes direkte til et repository uden at du selv hoster noget. Eller brug en form-tjeneste som Formspree der modtager JSON.
Ja, MIT-licenseret. Biblioteket, server-validatoren og GitHub Action er alle open source og koster ingenting.
Relateret: GitHub Action