📄 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 ?
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.Â
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