Qu'est-ce que BugCapturer ? Un outil de retour visuel gratuit pour le Web

Pourquoi BugCapturer

À quel point le signalement classique est pénible

Vous repérez un problème sur un site et voulez le signaler. Le parcours classique ressemble à ceci :
  • Appuyer sur Impr. écran
  • Ouvrir Paint et coller
  • Entourer la zone problématique au pinceau (moche et imprécis)
  • Ouvrir votre client de messagerie
  • Saisir l'URL à la main
  • Chercher et saisir la version du navigateur à la main
  • Essayer d'ouvrir les DevTools pour copier l'erreur (si vous savez comment)
  • Rédiger une description
  • Joindre la capture
  • L'envoyer à quelqu'un, puis attendre qu'on la recopie dans un outil de suivi
  • Temps total : 5 à 15 minutes. Et il manque presque toujours des détails clés, donc les développeurs doivent revenir avec des questions.

    Comment BugCapturer s'y prend

  • Cliquer sur l'icône de l'extension
  • Sélectionner la zone problématique
  • Ajouter des flèches ou du texte
  • Écrire une phrase
  • Cliquer sur Partager pour obtenir un lien, ou envoyer le rapport directement dans la table de votre équipe
  • Temps total : 30 secondes. URL, informations de navigateur, erreurs console, requêtes échouées — tout est capturé automatiquement et livré avec le rapport.

    Les fonctionnalités en détail

    Capture de zone

    Après un clic sur l'icône de l'extension, faites glisser sur la page pour sélectionner une zone. Pas de capture plein écran ni de recadrage ensuite : vous visez exactement la zone à signaler.
    • 8 poignées pour ajuster la sélection avec précision
    • Tout ce qui est hors sélection est automatiquement assombri
    • Raccourci par menu contextuel (« Retour par capture »)

    5 outils d'annotation

    Après la capture, l'éditeur d'annotation propose cinq outils :
    Outil Usage Exemple
    Flèche Désigner l'élément problématique Une flèche rouge vers des boutons qui se chevauchent
    Rectangle Encadrer la zone concernée Un cadre autour d'un bloc mal aligné
    Texte Ajouter une note écrite « Le texte est coupé ici »
    Pinceau Dessiner librement Entourer, souligner, cocher
    Mosaïque Flouter les informations sensibles Masquer identifiants, e-mails, clés API
    Une fois l'annotation terminée, la capture est enregistrée avec le rapport. Vous pouvez en faire un lien de partage public pour n'importe qui, ou l'envoyer directement dans la table ou le webhook connecté à votre équipe.

    Métadonnées techniques automatiques

    À l'envoi d'un rapport, BugCapturer capture automatiquement les éléments suivants — rien à saisir :
    Information Pourquoi c'est utile
    URL de la page Localiser précisément la page
    Nom et version du navigateur Diagnostiquer la compatibilité
    Système d'exploitation Diagnostiquer les problèmes liés à l'OS
    Résolution d'écran Diagnostiquer les problèmes d'affichage
    Taille du viewport Juger les problèmes de responsive
    Device Pixel Ratio (DPR) Diagnostiquer les soucis Retina/HiDPI
    Horodatage Garder trace du moment du problème
    À la main, cela prend au moins 2 à 3 minutes et génère des erreurs. BugCapturer le fait en un clic.

    Capture automatique des erreurs console

    Quand une page casse, la console du navigateur a presque toujours quelque chose à dire. Mais la plupart des gens ne savent pas l'ouvrir, encore moins copier l'erreur. BugCapturer capture les erreurs console pour vous :
    • Uniquement le niveau error (le bruit info/warn est filtré)
    • Message d'erreur + emplacement source (fichier:ligne:colonne)
    • Jusqu'aux 10 dernières entrées
    • Capturées à l'envoi du rapport, sans écoute en arrière-plan
    • Décochable à tout moment — vous gardez le contrôle
    Résultat : même l'utilisateur le moins technique peut envoyer un rapport avec un diagnostic professionnel.

    Capture automatique des requêtes échouées

    Beaucoup de problèmes de page ne sont pas des bugs d'affichage — un appel API a échoué et la donnée n'est jamais arrivée. BugCapturer capture les requêtes réseau échouées :
    • Uniquement les statuts ≥ 400 (de vrais échecs)
    • URL, méthode HTTP, code et libellé du statut
    • Jusqu'aux 5 dernières entrées
    • Les paramètres sensibles des URL sont masqués automatiquement (token, key, secret, password et similaires deviennent *)
    • Capturées à l'envoi du rapport, sans écoute en arrière-plan

    Un clic pour partager, ou directement dans le flux de l'équipe

    Une fois la description écrite, deux issues possibles — à vous de choisir :
    • Générer un lien de partage : un clic produit un lien public. Le destinataire n'installe rien et n'a pas besoin de compte — il ouvre le lien et voit la capture annotée, l'URL de la page et le diagnostic complet. À coller dans un chat, un e-mail ou un ticket.
    • Router vers une destination : via le menu de destination, envoyez le rapport directement dans Lark Bitable ou votre webhook. Capture, erreurs console et requêtes échouées suivent, et le rapport devient une ligne de la table de l'équipe — ou déclenche n'importe quel flux dans vos systèmes.
    Aucun des deux chemins ne demande de remettre en forme à la main, ni d'intermédiaire pour recopier le rapport dans le système.

    Travail d'équipe : configurer une fois, partager avec tous

    • Équipes et membres : le propriétaire configure une intégration une fois, toute l'équipe l'utilise. Les invitations exigent une acceptation explicite.
    • Identifiants confidentiels : les membres envoient via une intégration partagée sans jamais voir les identifiants.
    • Projets et domaines : un projet par site, avec une liste blanche de domaines autorisés — vos clés SDK ne peuvent pas être détournées.
    • Liens de partage gérables : les utilisateurs connectés gèrent ou suppriment à tout moment les liens partagés depuis la page « Mes partages ».
    Le retour ne traîne plus dans la boîte mail d'une personne : il atterrit là où toute l'équipe peut le voir. Tout le monde le trouve, tout le monde peut prendre le relais.

    Intégrations : les rapports rejoignent vos outils existants

    Intégration Idéal pour Remarque
    Lark Bitable Équipes en Chine Aucune application Lark à créer — écriture dans la table via un webhook d'automatisation, notifications de groupe via les automatisations Lark
    Webhook générique Équipes avec leurs propres systèmes Charges JSON signées et versionnées, compatibles n8n / Zapier / Make / services internes, avec relances automatiques, journal de livraison et renvoi manuel

    7 langues

    BugCapturer prend en charge 7 langues d'interface :
    • 中文(简体)
    • English
    • Deutsch
    • Français
    • Español
    • Português (Brasil)
    • 日本語
    L'extension suit automatiquement la langue du navigateur, et reste commutable à la main.

    Sécurité des données et confidentialité

    BugCapturer est une plateforme de collaboration dans le cloud : elle transforme « ce qui est traité, combien de temps et qui peut le voir » en règles explicites :
    Principe Mise en œuvre
    Chiffrement en transit et au repos Les rapports passent en HTTPS et sont stockés chiffrés côté serveur
    Masquage automatique des URL token, key, secret, password et similaires deviennent *
    Durée de conservation Liens anonymes 30 jours, connectés 90 jours, puis nettoyage automatique — suppression manuelle possible à tout moment
    Liens non devinables Les liens utilisent des identifiants aléatoires : impossible d'énumérer les rapports des autres
    Isolation des permissions Les intégrations d'équipe sont configurées par le propriétaire ; les membres les utilisent sans voir les identifiants ; les projets ne sont visibles qu'au sein de l'équipe
    Capture à l'envoi Erreurs console et requêtes réseau sont capturées à l'envoi, pas en continu en arrière-plan
    Contrôle utilisateur Le diagnostic technique est actif par défaut, mais se décoche en un clic
    Un rapport n'est pas hors de contrôle dès l'envoi : vous voyez où chacun est allé et quand il a été livré, les échecs sont relancés automatiquement et journalisés. Pour une équipe avec des exigences de gouvernance et d'audit, ce sont des règles qui s'intègrent à un processus.

    À qui s'adresse BugCapturer

    QA / testeurs

    Le cœur de cible. Pour qui signale beaucoup de bugs chaque jour, BugCapturer fait passer un rapport de 5-15 minutes à 30-60 secondes, en y joignant le diagnostic technique qui évite les allers-retours « impossible à reproduire ».

    Développeurs front-end

    Pour déboguer la compatibilité navigateur, il faut noter le comportement de la page sur chacun. BugCapturer capture version de navigateur, résolution et viewport — rien à écrire.

    Chefs de produit

    Quand le retour est flou, il faut le voir. Avec le SDK intégré au site, les visiteurs montrent directement le problème, contexte technique inclus, sans relance.

    Designers UI/UX

    Pour la revue visuelle, il faut marquer l'écart entre la maquette et la page en ligne. Les cinq outils sont assez précis, et le lien de partage part directement au client pour validation.

    Responsables d'équipe / de projet

    La phase UAT et de recette souffre surtout quand le retour est dispersé sur les appareils de chacun. BugCapturer le rassemble au même endroit — votre table Lark ou votre système existant — pour que l'avancement, les responsables et les statuts soient visibles d'un coup d'œil. C'est précisément là que l'efficacité collective se bloque.

    Internautes

    Toute personne qui repère un problème sur un site et veut le signaler. Sans bagage technique, sans DevTools, 30 secondes pour un rapport professionnel.

    BugCapturer vs les autres approches

    Critère Manuel : capture + e-mail Photo au téléphone dans un chat Plateforme de feedback dédiée BugCapturer
    Durée 5-15 minutes 2 minutes 3-5 minutes 30 secondes
    Annotation Aucune / faible Aucune Forte 5 outils
    Infos techniques Saisies à la main Aucune Automatiques Automatiques
    Erreurs console Nécessite les DevTools Aucune Partielles Automatiques
    Erreurs réseau Nécessite les DevTools Aucune Partielles Automatiques
    Où vont les rapports Boîte mail personnelle Chat de groupe Dans la plateforme Table Lark / webhook / lien de partage
    Travail d'équipe Faible Faible Fort Intégrations partagées + liens publics
    Prix Gratuit Gratuit Payant Gratuit pour démarrer

    Installer et utiliser

    Installation

  • Ouvrir le Chrome Web Store
  • Cliquer sur « Ajouter à Chrome »
  • Confirmer
  • Durée d'installation : environ 5 secondes.

    Utilisation

  • Repérer un problème en naviguant
  • Cliquer sur l'icône BugCapturer dans la barre d'outils (ou clic droit → « Retour par capture »)
  • Sélectionner la zone problématique
  • Annoter avec flèches, texte, etc.
  • Choisir le type de retour (Bug / Suggestion / Question)
  • Écrire une description (une phrase suffit)
  • Laisser « Inclure le diagnostic technique » coché (activé par défaut)
  • Choisir la destination : générer un lien public, ou envoyer vers la table Lark / le webhook de l'équipe
  • Cliquer sur Envoyer
  • Terminé. Un rapport complet — capture, annotations, métadonnées techniques, erreurs console, erreurs réseau — est en place : sous forme de lien ou de ligne dans la table de l'équipe.

    Questions fréquentes

    BugCapturer est-il gratuit ?

    Le démarrage est gratuit. L'offre gratuite inclut 1 siège, 3 projets et 1 intégration, et couvre les fonctions clés : annotation de capture, enregistrement, diagnostic automatique et liens de partage. Mise à niveau seulement quand l'équipe grandit. Pas de compte à rebours d'essai.

    Mes données sont-elles en sécurité ?

    Les rapports passent en HTTPS et sont stockés chiffrés ; les paramètres sensibles des URL deviennent * ; les liens de partage ont une durée de conservation (30 jours en anonyme, 90 jours connecté) et sont supprimables à tout moment ; les identifiants d'intégration ne sont visibles que du propriétaire. Tous les détails figurent dans la politique de confidentialité.

    Faut-il un compte ?

    Envoyer un rapport, gérer des liens de partage et configurer des intégrations nécessitent un compte gratuit — quelques minutes d'inscription. Le destinataire, lui, ouvre vos liens sans compte et sans rien installer.

    Firefox / Safari sont-ils pris en charge ?

    Chrome et Edge (navigateurs Chromium) pour l'instant. Firefox et Safari sont prévus.

    Les captures sont-elles envoyées dans le cloud ?

    Lorsque vous générez un lien de partage ou envoyez vers une table/un webhook, le rapport (capture incluse) est téléversé et stocké — c'est la condition pour que le destinataire l'ouvre et que l'équipe le retrouve. Ce que vous ne partagez pas n'est pas téléversé automatiquement.

    BugCapturer écoute-t-il la console en permanence ?

    Non. Les erreurs console et requêtes échouées sont capturées à l'envoi pour la page en cours, sans écoute continue en arrière-plan. Vous pouvez tout désactiver en décochant « Inclure le diagnostic technique ».

    Les rapports peuvent-ils arriver dans notre table Lark ou un système interne ?

    Oui. Lark Bitable se branche via un webhook d'automatisation, sans application Lark ; les autres systèmes reçoivent une charge JSON signée via un webhook générique, avec relances automatiques, journal de livraison et renvoi manuel.

    Quelles langues sont prises en charge ?

    Chinois (simplifié), anglais, allemand, français, espagnol, portugais (Brésil) et japonais — 7 au total. L'interface suit automatiquement la langue du navigateur.

    Prêt à commencer ?

    BugCapturer démarre gratuitement, en 7 langues. Du problème repéré à l'équipe : 30 secondes. Ajouter BugCapturer à Chrome — gratuit