Déboguer une application web mobile sur un PC

debug

On a parfois besoin de déboguer une application web mobile depuis un PC.
On peut déboguer l'application grâce à le navigateur Chrome pour les appareils android ou Safari (sur Mac) pour les iOS (iPhone, IPad,...).

Déboguer un android

1)   Activer le débogage USB sur votre appareil Android

Sur votre appareil Android, ouvrez  Paramètres => Options  développeurs, et activer le débogage USB. Si vous utilisez Android 4.2 ou une version ultérieure et vous ne trouvez pas les options pour les développeurs, vous pouvez cliquer ici pour l'activer.

Android-debug
2) Connectez-vous et découvrez votre appareil Android

Sur votre Ordinateur de développement, ouvrez chrome. Vous devez être connecté à l'un des profils de vos utilisateurs. Le débogage à distance ne fonctionne pas en mode de navigation privée ou invité.

Entrez l'url chrome://inspect/#devices et vous verrez votre appareil connecté.

Chrome-page
On peut ensuite naviguer sur le suite web et déboguer l'application

Inspect

Déboguer un IOS

Premièrement, il faut que votre appareil IOS (iPad ou iPhone) soit connecté par un câble USB à un ordinateur Mac avec une version de Safari supérieur à 6 installée.

Capture d’écran 2016-06-09 à 15.29.55

Ensuite, vous devez activer 'Inspecteur Web' sur votre appareil iOS. Vous pouvez le faire en allant dans: Réglages> Safari> Avancé et basculer l'inspecteur Web de sorte qu'il soit activé

Capture d’écran 2016-06-09 à 15.28.19

On peut ensuite inspecter la page visitée en cliquant  sur le menu Développement > <Nom de votre appareil IOS>

Capture d’écran 2016-06-09 à 15.32.46

 

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Captcha *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.