Déboguer Firefox pour Android avec WebIDE

Cet article décrit comment connecter les Outils de développement de Firefox de Firefox pour Android à partir de Firefox 36.

Cela fait un moment qu'il est possible de connecter les outils de développement de Firefox à Firefox pour Android afin de pouvoir déboguer des sites pour mobiles. Cependant, jusqu'à maintenant il s'agissait d'un procédé complexe et prompt à l'erreur. Depuis Firefox 36 le procédé est beaucoup plus simple : en particulier, il n'est plus du tout nécessaire de passer directement par l'outil adb. La connexion se fait maintenant par WebIDE, qui lui s'occupe d'adb.

Pour que cela fonctionne, il est nécessaire d'avoir les versions Firefox Desktop 36+ et Firefox pour Android 35+. Si vous avez besoin d'utiliser des versions précédentes, regardez les instructions pour connecter les outils de développement à Firefox pour Android.

 

Ce guide est divisé en deux parties : la première partie "Prérequis", décris toutes les opérations qui ne sont requises qu'une seule fois, alors que la seconde partie "Connexion", décrit les étapes qui sont nécessaires à chaque connexion.

Prérequis

Tout d'abord, vous aurez besoin d'avoir :

  • Un ordinateur avec Firefox 36 ou plus récent installé
  • Un appareil Android capable d'exécuter Firefox pour Android avec Firefox pour Android 35 ou plus récent installé.
  • Un câble USB pour connecter les deux appareils

ADB Helper

Votre Firefox Desktop doit également posséder le module complémentaire ADB Helper version 0.7.1 ou plus récent. Ce module devrait s'être installé automatiquement à la première ouverture de WebIDE. Pour vérifier la version, tapez about:addons dans la barre d'adresse du navigateur et ADM devrait être listé.

Si vous n'avez pas ADB Helper version 0.7.1+, sélectionnez " Gérer les composants additionnels " depuis le menu "Projets", et ADB Helper sera listé sous "Composants supplémentaires" :

Cliquez sur "désinstaller", puis sur  "installer", et vous devriez maintenant avoir la dernière version.

Configurer l'appareil Android

Tout d'abord, activez le débogage USB en suivant les étapes2 et 3 de ce lien et uniquement ce lien.

Ensuite, activez le débogage distant dans Firefox pour Android : Ouvrez le navigateur, ouvre le menu et sélectionnez "Options" puis  "Outils de développement" (sur certains appareils il peut être nécessaire de sélectionner "Plus" pour voir "Options"). Maintenant, cochez la case "Débogage distant" :

Le navigateur peut alors afficher une notification vous rappelant de configurer le "port forwarding", ignorez cette notification.

Connexion

Connectez l'appareil Android à l'ordinateur grâce au câble USB, ouvrez WebIDE, et dans le panneau "Environnement", vous verrez un Firefox pour Android dans la catégorie "Périphériques USB" :

Sélectionnez-le. Sur l'appareil Android, le message d'avertissement suivant apparait :

Cliquez sur OK. Maintenant, cliquez sur "Ouvrir une application" dans le menu de WebIDE? Vous verrez alors une liste des onglets ouverts sur l'appareil :

Sélectionnez un onglet pour y attacher les outils de développement :

Maintenant, vous devriez pouvoir utiliser tous les outils de développement de Firefox qui supporte le débogage distant. Voir la page débogage distant pour plus de détails.

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : maximelore
 Dernière mise à jour par : maximelore,