Pourquoi vous avez besoin de BugCapturer
À quel point le retour sur bug traditionnel est douloureux
Vous trouvez un problème sur un site web et voulez le signaler. Le flux de travail traditionnel ressemble à ceci :Comment BugCapturer le fait
Fonctionnalités principales
Capture de zone
Après avoir cliqué sur l'icône de l'extension, faites simplement glisser sur la page web pour sélectionner n'importe quelle zone. Pas besoin de capturer tout l'écran puis de recadrer — sélectionnez exactement ce que vous voulez signaler.- Poignées de redimensionnement à 8 directions pour une sélection précise
- Assombrissement automatique en dehors de la sélection pour mettre en évidence le focus
- Lancement rapide via le menu contextuel du clic droit (« Retour par capture d'écran »)
5 outils d'annotation
Après la capture d'écran, l'éditeur d'annotation fournit 5 outils :| Outil | Objectif | Exemple |
|---|---|---|
| Flèche | Pointer vers un élément problématique spécifique | Flèche rouge pointant vers des boutons qui se chevauchent |
| Rectangle | Mettre en évidence une zone problématique | Rectangle autour d'un bloc de mise en page désaligné |
| Texte | Ajouter des notes textuelles | Annoter « Le texte est tronqué ici » |
| Pinceau | Dessin libre | Cercle, soulignement ou coche |
| Mosaïque | Flouter les informations sensibles | Masquer les noms d'utilisateur, e-mails, clés API |
Collecte automatique des métadonnées techniques
Lors de la soumission d'un retour, BugCapturer collecte automatiquement les informations suivantes — aucune saisie manuelle nécessaire :| Information | Pourquoi c'est important |
|---|---|
| URL de la page | Localiser précisément la page problématique |
| Nom et version du navigateur | Diagnostiquer les problèmes de compatibilité |
| Système d'exploitation | Diagnostiquer les problèmes spécifiques à l'OS |
| Résolution d'écran | Vérifier la mise en page sur différentes résolutions |
| Taille de la fenêtre d'affichage | Identifier les problèmes de mise en page responsive |
| Ratio de pixels de l'appareil (DPR) | Détecter les problèmes d'affichage Retina/HiDPI |
| Horodatage | Enregistrer le moment où le problème est survenu |
Collecte automatique des erreurs de console
Quand une page web a des problèmes, la console du navigateur affiche presque toujours des messages d'erreur. Mais la plupart des gens ne savent pas comment ouvrir la console, et encore moins copier les erreurs. BugCapturer V1.0.1 ajoute la collecte automatique des erreurs de console :- Ne collecte que les entrées de niveau
error(filtre le bruit info/warn)
- Inclut le message d'erreur + l'emplacement source (nomfichier:ligne:colonne)
- Collecte jusqu'à 10 erreurs les plus récentes
- Ne collecte qu'au moment de la soumission, pas de surveillance en arrière-plan
- Les utilisateurs peuvent décocher l'option pour un contrôle total
Collecte automatique des requêtes réseau échouées
De nombreux problèmes de page web ne sont pas causés par le rendu frontend — ils sont causés par des appels API échoués. La page paraît cassée parce que les données ne sont jamais arrivées. BugCapturer V1.0.1 collecte automatiquement les requêtes réseau échouées :- Ne collecte que les requêtes avec un code de statut ≥ 400 (échecs réels)
- Inclut l'URL, la méthode HTTP, le code de statut et le texte de statut
- Collecte jusqu'à 5 échecs les plus récents
- Les paramètres sensibles dans les URL sont automatiquement masqués (
token,key,secret,passwordremplacés par*)
- Ne collecte qu'au moment de la soumission, pas de surveillance en arrière-plan
Envoi d'e-mail en un clic
Après avoir rempli la description, cliquez sur « Envoyer l'e-mail » :- Lance automatiquement le client de messagerie par défaut du système
- L'objet de l'e-mail est généré automatiquement (inclut le type de retour et le titre de la page)
- Le corps de l'e-mail inclut : description, métadonnées techniques, erreurs de console, erreurs réseau
- La capture d'écran est automatiquement copiée dans le presse-papiers — faites simplement Ctrl+V pour coller en pièce jointe
- Tout est pré-rempli — vous cliquez juste sur « Envoyer »
Support de 7 langues
BugCapturer prend en charge 7 langues :- 中文 (Chinois simplifié)
- English
- Deutsch
- Français
- Español
- Português (Brésil)
- 日本語
Confidentialité par conception : zéro téléchargement de données
BugCapturer adhère à un principe depuis sa création : Vos données vous appartiennent uniquement.| Principe | Mise en œuvre |
|---|---|
| Zéro téléchargement de données | Aucune donnée n'est téléchargée sur un serveur. Captures d'écran, annotations et informations techniques restent locales |
| Pas d'inscription | Pas de création de compte, pas de vérification d'e-mail — installez et utilisez |
| Permissions minimales | Ne demande que les permissions navigateur nécessaires — pas d'historique de navigation, pas d'accès au contenu des onglets |
| Collecte ponctuelle | Les erreurs de console et requêtes réseau ne sont collectées qu'au moment de la soumission, pas de surveillance en arrière-plan |
| Contrôle utilisateur | Les informations de diagnostic technique sont activées par défaut mais peuvent être désactivées en un clic |
| Masquage des URL | Les paramètres sensibles dans les URL des requêtes réseau sont automatiquement remplacés par * |
| E-mail direct | Les rapports sont envoyés via votre propre client de messagerie, jamais via un tiers |
À qui s'adresse BugCapturer
Ingénieurs QA / Test
Le groupe d'utilisateurs principal. En soumettant des dizaines de rapports de bugs quotidiennement, BugCapturer compresse chaque rapport de 5-15 minutes à 30-60 secondes, tout en joignant automatiquement des informations de diagnostic technique pour réduire les allers-retours « non reproductible ».Développeurs Frontend
En déboguant des problèmes de compatibilité entre navigateurs, vous devez documenter rapidement les différences d'apparence. BugCapturer collecte automatiquement la version du navigateur, la résolution et les informations de fenêtre d'affichage — vous évitant la documentation manuelle.Chefs de produit
Lors de la collecte de retours utilisateurs, les utilisateurs ne savent souvent pas décrire clairement le problème. Faites-leur installer BugCapturer — ils peuvent vous « montrer » précisément où se trouve le problème, et les informations techniques jointes vous évitent les questions de suivi.Designers UI/UX
Lors des revues visuelles, vous devez annoter les différences entre les maquettes de design et la page réelle. Les 5 outils d'annotation de BugCapturer sont assez précis pour marquer tout problème visuel.Internautes quotidiens
Toute personne qui trouve un problème de site web et souhaite le signaler. Aucun bagage technique nécessaire, pas de DevTools requis — soumettez un rapport professionnel en 30 secondes.BugCapturer vs. Autres approches
| Dimension | Capture manuelle+E-mail | Photo de téléphone via Chat | Plateforme de retour professionnelle | BugCapturer |
|---|---|---|---|---|
| Temps | 5-15 min | 2 min | 3-5 min | 30 sec |
| Annotation | Aucune/faible | Aucune | Forte | 5 outils |
| Infos techniques | Manuelles | Aucune | Auto-collectées | Auto-collectées |
| Erreurs de console | DevTools nécessaire | Aucune | Partielles | Auto-collectées |
| Erreurs réseau | DevTools nécessaire | Aucune | Partielles | Auto-collectées |
| Confidentialité | Variable | Faible | Données dans le cloud | Zéro upload |
| Prix | Gratuit | Gratuit | Payant | Gratuit |
| Inscription | Aucune | Aucune | Requise | Pas d'inscription |