Des captures d'écran sans contexte
Une capture d'écran aide, mais elle laisse encore les développeurs réclamer le navigateur, l'URL, l'erreur de console, la requête réseau et ce qui s'est réellement passé.
Le signalement de bugs pour les équipes qui avancent vite
BugPort transforme captures d'écran, annotations, journaux, requêtes réseau et détails de l'appareil en rapports prêts à corriger pour Claude, Codex, Copilot et votre équipe.
Conçu pour les produits développés par IA, les applications de préproduction, les équipes QA et les équipes produit qui avancent vite. Besoin du widget ? Installer `@bugport.ai/widget`.
Problème
Les équipes rapides n'ont pas besoin de plus de captures d'écran. Elles ont besoin d'un contexte partagé qui explique le bug avant que quelqu'un ne commence à le reproduire.
Une capture d'écran aide, mais elle laisse encore les développeurs réclamer le navigateur, l'URL, l'erreur de console, la requête réseau et ce qui s'est réellement passé.
Les bugs arrivent par Slack, WhatsApp, Loom, e-mail, Notion, captures d'écran et messages privés au lieu d'un seul flux de travail partagé.
Les équipes qui livrent avec des outils d'IA créent de la surface produit plus vite que les processus de transfert QA traditionnels ne peuvent suivre.
Trop de temps de débogage est consacré à reconstruire l'environnement au lieu de corriger le problème sous-jacent.
Correction auto
Cliquez sur Correction auto et un agent corrige le bug sur votre propre GitHub Actions ou GitLab CI — puis ouvre une pull request, ou fusionne automatiquement les corrections d'interface et de traduction sûres. Aucune charge sur les serveurs de BugPort.
fix: pass currency to charge() on checkout #128
- charge(total)+ charge(total, currency)S'exécute sur votre GitHub Actions ou GitLab CI — 0 $ sur les serveurs de BugPort. Les corrections d'interface, de texte et de traduction sûres sont fusionnées automatiquement ; tout le reste ouvre une pull request à relire.
Produit
Utilisez le bon point d'entrée de capture pour chaque cas, puis acheminez tout vers un tableau de bord partagé sur lequel votre équipe peut réellement travailler.
Plugin de navigateur
Conçu pour les équipes internes et la QA. Installez l'extension Chrome et capturez captures d'écran, annotations, journaux de console et requêtes réseau sur n'importe quel site web.
Widget de site web
Intégrez le widget BugPort en préproduction, en bêta ou en production. Utilisateurs et testeurs soumettent des rapports de bugs structurés sans installer d'extension de navigateur.
Tableau de bord
Chaque soumission arrive dans un tableau de bord partagé. Inspectez captures d'écran, journaux, activité réseau, métadonnées, commentaires et suivez les statuts.
Contexte
Chaque signalement de bug inclut le visuel, la note, la page, le navigateur, les logs, l'activité réseau et le détail du workflow. Fini la chasse aux informations manquantes.
Bouton d'envoi qui ne répond pas sur la page de tarifs
« Le bouton d'envoi ne répond pas lorsqu'on clique sur la page de tarifs. Essayé sur Chrome et Firefox. »
Installation pour développeurs
Installez le widget en préproduction, en bêta ou en production pour que utilisateurs et testeurs puissent signaler des bugs directement depuis votre produit.
Installer
npm install @bugport.ai/widgetExemple React
import { BugPortWidget } from "@bugport.ai/widget";
export function App() {
return (
<>
<YourApp />
<BugPortWidget
projectKey="bp_pub_xxxxx"
environment="staging"
apiBaseUrl="https://api.bugport.ai/v1"
user={{
id: "user_123",
name: "Jane Doe",
email: "[email protected]"
}}
/>
</>
);
}Cas d'usage
BugPort est utile lorsque les produits évoluent rapidement, que les retours viennent de partout et que le débogage a besoin de contexte plutôt que de suppositions.
Transformez les retours vagues issus d'applis développées par IA en contexte de débogage structuré que vos agents de code peuvent exploiter.
Ne perdez plus de bugs dans les messages privés. Capturez des rapports structurés de vos testeurs et corrigez les problèmes avant le lancement.
Centralisez les retours de test avec captures d'écran, annotations, métadonnées d'appareil et journaux de console.
Offrez aux chefs de produit et aux designers un moyen visuel de signaler des problèmes sans rédiger de tickets de bug techniques.
Laissez vos clients signaler des bugs directement depuis la préproduction, sans fils d'e-mails confus ni captures d'écran éparpillées.
Capturez tout le contexte technique lorsque les utilisateurs signalent des problèmes, pour que les ingénieurs reçoivent des détails prêts à corriger dès le premier transfert.
Intégrations
Commencez dans le tableau de bord de BugPort, puis connectez les outils que votre équipe utilise déjà. Certaines intégrations sont disponibles, d'autres sont prévues ou conçues pour de futurs flux de travail IA.
Prêt quand votre équipe l'est
Donnez à votre équipe et à vos outils de code IA le contexte dont ils ont besoin pour corriger les problèmes plus vite.