Comment enregistrer son écran pour les rapports de Bug : Guide pas à pas
Une image vaut mille mots, mais une vidéo vaut mille images. En matière de rapports de Bug, les enregistrements d'écran peuvent faire la différence entre un ticket résolu en quelques minutes et un ticket qui reste dans le backlog pendant des semaines.
Dans ce guide, nous vous montrerons quand utiliser les enregistrements d'écran, comment les créer avec BugCapturer, et les bonnes pratiques pour rendre vos enregistrements aussi utiles que possible.
Quand utiliser l'enregistrement d'écran vs les captures d'écran
Tous les Bugs n'ont pas besoin d'un enregistrement. Voici un guide rapide pour vous aider à décider :
| Type de Bug | Capture d'écran | Enregistrement d'écran |
|---|---|---|
| Problème de mise en page statique | ✅ Meilleur choix | ❌ Excessif |
| Texte manquant ou incorrect | ✅ Meilleur choix | ❌ Excessif |
| Anomalie d'animation ou de transition | ❌ Impossible à capturer | ✅ Essentiel |
| Problème d'état au survol ou d'infobulle | ❌ Difficile à capturer | ✅ Meilleur choix |
| Bug de flux de travail en plusieurs étapes | ❌ Nécessite beaucoup de captures d'écran | ✅ Un enregistrement couvre tout |
| Problème de performance / de latence | ❌ Ne peut pas montrer la vitesse | ✅ Montre le timing |
| Bug intermittent / sensible au timing | ❌ Impossible à capturer | ✅ Meilleure chance de l'attraper |
Règle générale : Si vous pouvez décrire clairement le Bug avec une capture d'écran annotée, utilisez une capture d'écran. Si le Bug implique un mouvement, un timing ou plusieurs étapes, enregistrez une vidéo.
Comment enregistrer son écran avec BugCapturer
BugCapturer v1.2.0 rend l'enregistrement d'écran simple et garde tout en local — pas de téléversements, pas de services tiers.
Étape 1 : Ouvrir BugCapturer
Cliquez sur l'icône BugCapturer dans la barre d'outils de votre navigateur. La fenêtre contextuelle apparaît avec les options disponibles.
Étape 2 : Démarrer l'enregistrement
Cliquez sur le bouton "Record Screen". BugCapturer demandera la permission de partager votre écran — sélectionnez l'onglet du navigateur que vous souhaitez enregistrer et cliquez sur "Share".
Étape 3 : Enregistrer le Bug
Effectuez les étapes qui reproduisent le Bug. Les contrôres d'enregistrement apparaissent en bas de l'écran, affichant le temps écoulé. Vous pouvez mettre en pause et reprendre si nécessaire.
Étape 4 : Arrêter et réviser
Cliquez sur "Stop Sharing" lorsque vous avez terminé. L'enregistrement apparaît dans la fenêtre contextuelle de BugCapturer pour révision.
Étape 5 : Découper (Optionnel)
Si l'enregistrement contient des séquences inutiles au début ou à la fin, utilisez l'outil de découpage pour le raccourcir. Faites glisser les poignées pour sélectionner la portion que vous souhaitez conserver.
Étape 6 : Extraire les images clés (Optionnel)
Mettez en évidence les moments critiques en extrayant des images de l'enregistrement au format PNG. Celles-ci peuvent être utilisées avec l'enregistrement pour une référence rapide.
Étape 7 : Joindre à votre rapport de Bug
L'enregistrement est maintenant prêt à être inclus dans votre rapport de Bug. Lorsque vous envoyez l'e-mail via BugCapturer, le fichier d'enregistrement est joint automatiquement.
Bonnes pratiques pour les enregistrements d'écran
Restez bref
Visez 15-30 secondes. Si le Bug prend plus de temps à se reproduire, pensez à découper l'enregistrement pour ne montrer que les parties pertinentes.
Montrez les étapes
Démarrez l'enregistrement, puis effectuez les étapes de reproduction. Cela donne aux développeurs à la fois la preuve visuelle et les étapes dans un seul fichier.
Mettez en évidence le problème
Utilisez les outils d'annotation après l'enregistrement — ajoutez des flèches ou des cadres pour attirer l'attention sur la zone du problème dans les images extraites.
Vérifiez la taille du fichier
Les enregistrements WebM pèsent généralement 1-3 MB pour 15-30 secondes. Si votre enregistrement est beaucoup plus volumineux, essayez de réduire la qualité d'enregistrement ou de découper plus agressivement.
Nommez-le clairement
Utilisez des noms de fichier descriptifs comme cart-counter-stale-on-firefox.webm au lieu de recording-001.webm.
Cas d'utilisation courants
Bug d'état au survol
Un menu déroulant qui disparaît lorsque le curseur s'écarte légèrement de la cible est presque impossible à décrire avec une capture d'écran. Un enregistrement de 5 secondes capture le comportement exact.
Performance d'animation
Une transition de page qui saccade ou ralentit — un enregistrement montre la fréquence d'images et le timing réels, ce qui est beaucoup plus informatif qu'une description.
Bug de formulaire en plusieurs étapes
Un formulaire qui échoue à l'étape 4 sur 5 — au lieu de cinq captures d'écran, un enregistrement montre tout le flux et où ça casse.
Dépannage
Les permissions d'enregistrement n'apparaissent pas
Assurez-vous que vous utilisez un navigateur pris en charge (Chrome 100+). Si la boîte de dialogue de permission n'apparaît pas, vérifiez les paramètres de site de votre navigateur pour les permissions d'enregistrement d'écran.
L'enregistrement est trop volumineux
Essayez de découper l'enregistrement à la longueur minimale nécessaire. Si vous enregistrez un écran haute résolution (4K), pensez à réduire la taille de la fenêtre du navigateur avant d'enregistrer.
On n'entend pas l'audio
BugCapturer enregistre l'audio de l'onglet par défaut. Si vous avez besoin d'ajouter une narration, utilisez plutôt l'outil d'enregistrement d'écran de votre système d'exploitation.
---
BugCapturer est une extension Chrome gratuite pour le rapport de Bugs et les retours web. Tout le traitement des données se fait localement dans votre navigateur — pas de serveurs, pas de comptes, pas de suivi.