Un environnement vous permet d'exécuter et de déboguer des applications. Un environnement peut être :

  • Une autre instance de Firefox (Bureau ou Android).
  • Un appareil ou un simulateur Firefox OS.
  • Un autre navigateur (Google Chrome ou Safari par exemple), sur ordinateur ou téléphone.

Dans WebIDE, le panneau latéral permet de gérer les environnements :

Dans ce panneau, les environnements sont groupés en quatre types :

PÉRIPHÉRIQUES USB
Les périphériques Firefox OS connectés via USB. À partir de Firefox 36, cela permet aussi de se connecter à Firefox pour Android via USB.
PÉRIPHÉRIQUES WI-FI
Les périphériques Firefox OS connectés en Wi-Fi. À partir de Firefox 39.
SIMULATEURS
Les instances de simulateur Firefox OS que vous avez installé.
AUTRES
Des environnements distants qui peuvent se connecter à WebIDE à partir d'un hôte et port arbitraire. Si vous avez l'extension Valence installée, cette section listera aussi les environnements additionnels activés.

Le reste de cette section décrit comment ajouter des environnements.

Connecter un périphérique Firefox OS

Si vous possédez une version assez récente de Firefox et de Firefox OS, vous pouvez connecter le périphérique Firefox OS en Wi-Fi. Sinon, vous pouvez vous connecter en USB.

Se connecter à Firefox pour Android

Les appareils Android, connectés par USB et qui utilisent Firefox pour Android apparaissent comme environnements sous « Périphériques USB ».  Depuis Firefox 42, il est possible de connecter Firefox Android via WiFi.

Ajouter un simulateur

Le simulateur Firefox OS est une version des couches supérieures de Firefox OS qui simule un appareil Firefox OS mais qui fonctionne sur un ordinateur de bureau. Il est lancé dans une fenêtre de la même taille qu'un appareil Firefox OS et contient les éléments d'interface utilisateur et les applications natives. Il permet également de simuler certaines API utilisées par les appareils Firefox OS.

Cela signifie que, dans la plupart des cas, il n'est pas nécessaire d'avoir un appareil physique pour déboguer une application.

Le simulateur ne fait pas partie intégrante de Firefox mais peut être téléchargé comme module complémentaire. Si vous cliquez sur « Installer le simulateur » dans la liste déroulante pour les environnements, vous serez envoyés vers une page qui vous permet d'installer les simulateurs correspondants aux différentes versions de Firefox OS.

Vous pouvez installer autant de simulateurs que vous le souhaitez. Cependant, il faudra parfois être armé de patience car le téléchargement peut durer quelques minutes.

Attention, pour lancer un simulateur Firefox OS 2.6 ou plus, il faut avoir Firefox 45 ou plus.

Une fois que le(s) simulateur(s) est installé, vous pouvez fermer cette fenêtre et les simulateurs apparaîtront dans la liste des environnements disponibles :

 

Pour plus d'informations sur le simulateur, voir l'article détaillé sur cet outil.

Configurer les simulateurs

Nouveau dans Firefox 42

Depuis Firefox 42, à côté de chaque simulateur listé dans el panneau latéral, il y a une icône en forme d'engrenage :

Cliquer dessus ouvrir un écran permettant de configurer le simulateur :

Il est possible de :

  • Le renommer
  • Pointer vers un build Desktop B2G custom
  • Pointer vers un profil Gaia custom
  • Simuler un appareil spécifique avec une taille d'écran spécifique.

Autres environnements

Environnement distant

Avec un environnement distant, il est possible d'utiliser un nom d'hôte et un port arbitraires pour se connecter à l'appareil.

En réalité, les appareils Firefox OS et Android se connectent à l'ordinateur grâce à un programme appelé Android Debug Bridge (ADB). Par défaut, WebIDE utilise un module complémentaire appelé ADB Helper, cela simplifie le processus d'installation et de redirection des ports pour que l'appareil puisse dialoguer avec l'ordinateur..

Dans la plupart des cas, cette solution est la plus pratique. Cependant, on peut parfois vouloir utiliser ADB en dehors de WebIDE. Par exemple, on peut vouloir utiliser ADB directement depuis la ligne de commandes. Dans ce cas, on connectera l'appareil en définissant un nom et un port et en utilisant la commande adb forward (par exemple adb forward tcp:6000 localfilesystem:/data/local/debugger-socket).

Si, ensuite, vous souhaitez connecter WebIDE avec cet appareil, il faut : désactiver le module complémentaire ADB Helper et effectuer la connexion WebIDE en utilisant l'option « Environnement distant » puis en saisissant l'hôte et le port utilisés avant avec adb forward (par exemple : localhost:6000).

Avant Firefox 36, ADB Helper ne permettait pas de connecter Firefox pour Android, aussi, si vous souhaitez utiliser WebIDE pour vous connecter à Firefox pour Android, vous aurez besoin de paramétrer une redirection de port et d'utiliser un environnement sur mesure. En savoir plus sur la connexion de Firefox pour Android via ADB avec une version antérieure à Firefox 36.

Environnements disponibles avec Valence

Si vous avez installé le module complémentaire Valence, vous verrez trois environnements supplémentaires :

  • Chrome sur Android
  • Safari sur iOS
  • Chrome Desktop

Pour les instructions relatives à ses environnements, voir les éléments respectifs sur la page sur le débogage à distance.

Sélectionner un environnement

Une fois que vous avez paramétré un environnement, vous pouvez le sélectionner grâce au menu « Sélectionner l'environnement ».

  • Si vous sélectionnez un simulateur, WebIDE démarrera le simulateur
  • Si vous sélectionnez un appareil Firefox OS, WebIDE se connectera à l'appareil. Sur l'appareil, vous aurez une boîte de dialogues pour demander confirmation, validez pour accepter la connexion avec « OK ».

Cliquez sur le bouton « Lancer » au milieu de la barre d'outils de WebIDE, cela permettra d'installer de lancer l'application dans l'environnement sélectionné.

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : maximelore, GeekShadow, SphinxKnight
 Dernière mise à jour par : maximelore,