📄 Guide : Comment remonté de bugs à votre/vos développeur(s) ?

Quand un soucis arrive sur un site, la communication entre développeur et non développeur peu souvent paraître difficile. Le non développeur ne comprend pas ce qu'il se passe et fournit souvent des informations inutilisable pour le développeur
Ex: le site marche pas ou encore le bouton s'affiche pas bien.
Ces éléments ne sont malheureusement pas suffisant pour la résolution du bug créant une frustration des 2 cotés l'utilisateur et coté développeur.

Liste des points importants pour la remonté d’un bug :

  • Expliquer le bug en 2 phrases le comportement du site: 
  • Étapes pour reproduire le bug : 
  • Erreur(s) console  : 
  • OS : 
  • Navigateur  : 
  • Version  : 
  • Screenshot site (optionnel mais peu parfois apporter des indications sur l’origine du bug): 
  • Dimension et rĂ©solution de l'Ă©cran (si c'est une bug d'affichage/design)

FAQ Remonter de bug  :

Pourquoi est-ce important de remonter ses information ? 

Résoudre un bug sans y être confronté est très difficile. L’origine peut être multiple et multi factoriel (mauvaise connexion, bloquage de certaines ressources nécessaire pour le bon fonctionnement du site, problème de connexion à l’api…).  Le meilleur moyen est d’essayer de reproduire le contexte d’un bug pour identifier l’origine. Sans ces informations la remonter de bug est inutile. 

Comment expliquer un bug en français  ? 

Ce qui est important c’est d’expliquer le contexte et les étapes précédant l’arrivé d’un bug.
Ex : depuis tel connexion internet,  je suis allé sur tel page, j’ai cliqué a tel endroit et le site ne charge plus. 

Comment afficher la console ?
Afficher l'inspecteur

Sur la fenêtre du site clic droit > examiner l’élément (Firefox) ou inspecter(Chrome). Aller dans l’onglet « console »(encadré bleu ci-dessous) faire un screenshot des erreurs. 

remonter de bug console
Quels sont les points important a remonter de la console ? 

Les points rouges qui représentent des erreurs (encadré rouge ci-dessus)
les points jaunes qui représentent des warnings (encadré jaune ci-dessus)

Comment trouver l’OS et la version du navigateur ? 

Soit en allant chercher dans les informations de l’ordinateur et du navigateur. 

Un moyen geeky mais ultra rapide est de taper ces 2 commandes dans la console du navigateur

console.log(navigator.userAgent);
console.log(navigator.oscpu);

et copier coller le rĂ©sultat dans le rapport d’erreur 

Comment connaitre la dimension et la résolution de l'écran.

visiter un site vous fournissant les informations
Ex : http://whatismyscreenresolution.net/

ou dans la console

screen.availHeight
screen.availWidth