Il faut :

  • un ordinateur avec Firefox (v36+)
  • un mobile Android avec Firefox Android (v35+)

Suivre les indications de ce tutoriel et les quelques compléments ci-dessous :

  • Pour ouvrir WebIDE afin d’installer ADB Helper, si ce n’est déjà fait.
  • Pour activer le débogage USB sur le mobile, suivez les instructions du lien précédent (le lien dans le doc mozilla est rompu), § « Set up a device for development ».
  • Pour activer le débogage distant dans Firefox pour Android, l’accès peut être différent de ce qui est indiqué dans le tutoriel. Pour moi, c’était dans Paramètres > Avancés > Débogage distant par USB
  • Quand vous connectez votre mobile par USB, il va vous demander l’autorisation du débogage USB : répondez OK.
  • Si vous ne voyez pas votre mobile dans la liste des périphériques USB de webIDE, débranchez-le et rebranchez-le du port USB.
  • Quand vous vous connectez au mobile depuis webIDE (en cliquant sur le nom du mobile dans la liste des périphériques USB), le mobile va vous demander d’autoriser la connexion de débogage USB. Cliquez sur Autoriser.
  • Une problème peut alors survenir (je l’ai eu) :
  • Dans ce cas, mettez à jour Firefox (menu aide puis à propos, cela va lancer la dernière mise à jour disponible).
  • Si vous avez un message d’erreur indiquant que l’option ne peut être exécutée, réessayez.
  • Pour déboguer un site mobile, ouvrez le site dans Firefox Android, et il devrait apparaître dans la liste des onglets dans WebIDE en bas à gauche :

Si tout s’est bien passé, vous pouvez maintenant utiliser l’inspecteur du DOM, la console etc. de la page sur votre mobile. Le WebIDE est synchronisé avec le Firefox Android, donc si vous rechargez la page sur le mobile, cela la recharge sur WebIDE et vice-versa.

Sources :

Tags : , ,

Classés dans :