Faire des captures d'écran pour rapports de bugs dans Chrome
Un rapport de bug efficace nécessite des preuves visuelles claires : une capture montrant le problème, des annotations pointant vers le défaut et les étapes de reproduction. L'extension Capture Full Page simplifie ce flux de travail dans Chrome : capturez l'écran visible, une zone spécifique, ou la page entière, puis utilisez l'éditeur intégré pour annoter avec des flèches, du texte et des surlignages. L'outil de numérotation d'étapes vous permet de marquer les étapes de reproduction directement sur la capture, cliquez pour placer des cercles numérotés (1, 2, 3...) montrant la séquence exacte. Copiez dans le presse-papiers et collez directement dans Jira, GitHub Issues, Linear ou n'importe quel outil de suivi de bugs. Pour les rapports formels, exportez en PDF. Utilisez des raccourcis clavier pour capturer les bugs dès qu'ils apparaissent. Cet outil est aussi utilisé par les équipes qui créent des tutoriels et de la documentation.
Essayez maintenant: un clic, sans inscription.
Ajouter à Chrome3 façons de le faire
1
Méthode 1 : Capture Full Page, flux de travail pour rapports de bugs
Le flux de travail recommandé pour les équipes QA : capturez le bug, annotez avec des repères visuels précis et partagez instantanément. Les outils de marquage sont conçus exactement pour ce cas d'usage, les flèches pointent le problème, les numéros d'étapes montrent la reproduction, et les étiquettes de texte décrivent le comportement attendu par rapport au comportement réel.
- 1Accédez à la page où le bug se produit et reproduisez le problème.
- 2Cliquez sur l'icône Capture Full Page et choisissez le mode approprié, Zone pour un élément spécifique, Écran pour la zone visible, ou Page Entière pour le contexte.
- 3Dans l'éditeur, utilisez les flèches pour pointer directement le bug (désalignement, élément cassé, contenu erroné).
- 4Ajoutez des étiquettes de texte décrivant le problème : « Attendu : bouton bleu » / « Réel : bouton manquant ».
- 5Utilisez la numérotation d'étapes pour marquer les étapes de reproduction : 1→Cliquer sur Connexion, 2→Saisir les identifiants, 3→L'erreur apparaît ici.
- 6Utilisez le surligneur pour attirer l'attention sur la zone concernée sans la masquer.
- 7Cliquez sur Copier pour coller dans votre outil de suivi de bugs, ou sur PDF pour un document de rapport de bug formel.
2
Méthode 2 : Capture système + éditeur séparé
L'approche traditionnelle : prendre une capture avec les outils du système, l'ouvrir dans un éditeur d'images, annoter manuellement, enregistrer, puis joindre au rapport de bug. Plusieurs applications, plusieurs étapes.
- 1Appuyez sur ImpÉcran, Win+Shift+S ou Cmd+Shift+4 pour capturer l'écran.
- 2Ouvrez la capture dans Paint, Capture et croquis, Aperçu ou un autre éditeur.
- 3Dessinez manuellement des flèches et ajoutez des descriptions textuelles (outils limités dans la plupart des éditeurs système).
- 4Enregistrez le fichier, puis joignez-le à votre outil de suivi de bugs, un processus en plusieurs étapes.
3
Méthode 3 : Capture intégrée à l'outil de suivi de bugs
Certains outils de suivi de bugs (Jira, Linear) disposent d'extensions de navigateur ou d'intégrations pour la capture, mais ils nécessitent généralement un compte, téléversent vers des serveurs cloud et proposent des outils d'annotation limités.
- 1Installez l'extension de navigateur de l'outil de suivi (par ex. Jira Capture).
- 2Capturez une image via l'extension.
- 3Utilisez des outils d'annotation basiques (souvent juste crayon et texte).
- 4La capture est téléversée sur le serveur cloud et jointe à un ticket.
- 5Nécessite un compte actif et une connexion internet, ne convient pas à tous les environnements.
Comparaison des fonctionnalités
| Fonctionnalité | Capture Full Page | Outils intégrés | Autres extensions |
|---|---|---|---|
| Capture + annotation dans un seul outil | Oui, flux de travail fluide | Non, applications séparées | Certaines (liées à des outils de suivi spécifiques) |
| Annotations avec flèches | Oui, cliquer-glisser | Non (Outil Capture : crayon uniquement) | Certaines |
| Numérotation d'étapes | Oui, cercles à incrémentation auto | Non | Rarement |
| Capture de page entière pour le contexte | Oui, défilement automatique | Non | Certaines |
| Copie dans le presse-papiers pour les outils de suivi | Oui, avec toutes les annotations | Capture brute uniquement | Certaines (téléversement cloud) |
| Export PDF pour les rapports formels | Oui | Non | Rarement |
| Fonctionne hors ligne | Oui | Oui | Nécessite généralement internet |
| Sans compte / sans téléversement cloud | Oui, entièrement local | Oui | Nécessite généralement un compte |
Questions fréquentes
Qu'est-ce qui fait une bonne capture pour un rapport de bug ?
Une bonne capture de rapport de bug montre clairement le problème avec des annotations visuelles : des flèches pointant l'élément cassé, des étiquettes de texte décrivant le comportement attendu par rapport au comportement réel, et des numéros d'étapes montrant comment reproduire le bug. Capture Full Page fournit tous ces outils dans un seul éditeur, capturez la page, annotez et copiez directement dans votre outil de suivi de bugs.
Comment ajouter des étapes de reproduction à une capture ?
Utilisez l'outil de numérotation d'étapes de l'éditeur de Capture Full Page. Cliquez sur l'outil, puis cliquez sur la capture à l'endroit de chaque étape. Les numéros s'incrémentent automatiquement : le premier clic place « 1 », le deuxième « 2 », et ainsi de suite. Combinez avec des étiquettes de texte pour décrire chaque étape, par exemple « 1 : Cliquer ici → 2 : Saisir la valeur → 3 : L'erreur apparaît ».
Puis-je coller des captures annotées directement dans Jira ?
Oui. Cliquez sur Copier dans l'éditeur de Capture Full Page pour envoyer la capture annotée dans votre presse-papiers. Ouvrez ensuite votre ticket Jira et appuyez sur Ctrl+V (Cmd+V sur Mac), l'image annotée est collée directement dans le champ de description ou de commentaire. Fonctionne avec GitHub Issues, Linear, Asana, Trello, Notion et tout outil prenant en charge le collage d'images.
Dois-je capturer la page entière ou seulement la zone visible pour un rapport de bug ?
Cela dépend du bug. Pour les problèmes de mise en page affectant toute la page, utilisez la capture de Page Entière pour un contexte complet. Pour un élément d'interface spécifique, utilisez la capture de Zone pour vous concentrer sur le composant concerné. Pour l'état général de la zone visible, la capture d'Écran convient bien. Capture Full Page prend en charge les trois modes.
Cet outil convient-il aux équipes QA ?
Oui. Capture Full Page est conçu pour les flux de travail professionnels : aucun compte requis, aucune licence par poste, aucune dépendance au cloud. Chaque membre de l'équipe l'installe depuis le Chrome Web Store et obtient toutes les fonctionnalités immédiatement. La numérotation d'étapes, les flèches et la copie dans le presse-papiers sont les fonctions les plus utilisées par les équipes QA. Toutes les données restent locales, ce qui convient aux équipes travaillant avec des applications sensibles ou internes.
Puis-je capturer des bugs sur des applications web authentifiées ou internes ?
Oui. Capture Full Page capture ce qui est affiché dans votre onglet de navigateur, y compris les pages authentifiées, les tableaux de bord internes, les environnements de préproduction et localhost. Aucune donnée n'est envoyée à des serveurs externes, le contenu confidentiel reste donc privé.
Capturez les Bugs, Annotez et Signalez, le Tout dans Chrome
Flèches, numéros d'étapes, surlignages et collage instantané dans le presse-papiers. L'outil de capture pour rapports de bugs des équipes QA.
Ajouter à ChromeGuides connexes
Capture d'écran dans Chrome
Découvrez 3 façons de faire une capture d'écran dans Chrome, extension en un clic, DevTools et outils du système.
Outil de Capture pour le Travail
Outil de capture professionnel pour rapports de bugs, documentation, tutoriels et revues de design.
Outil de Capture pour Tutoriels
Créez des tutoriels visuels pas à pas avec des annotations numérotées, des flèches et l'export PDF.
Capture de Page Entière dans Chrome
Capturez des pages web entières dans Chrome en un clic, puis éditez et exportez en PNG ou PDF.
Capture d'Écran dans Chrome
Capturez instantanément l'écran visible dans Chrome, puis annotez et exportez.
Capture de Zone dans Chrome
Sélectionnez n'importe quelle zone rectangulaire sur une page web et capturez uniquement cette région en un clic.