Mozilla a publié dans ses "nightly builds" un IDE pour créer, éditer, exécuter et déboguer des applications Web pour des terminaux et simulateurs de Firefox OS, et planifie de l'étendre à tous les principaux navigateurs sur les appareils mobiles.
WebIDE est construit sur l'ancien "App Manager" de Firefox OS mais comprend les outils de déploiement et de débogage associés à un éditeur de code basé sur CodeMirror ainsi que le framework d'analyse de code tern.js. Pour faciliter le démarrage du développement, les développeurs trouveront du code réutilisable basé sur un nombre croissant de modèles (templates). Les applications peuvent être déployées sur un périphérique réel Firefox OS sur USB ou WiFi, ou sur un simulateur, actuellement les versions supportées sont les 1.3, 1.4 et 2.0 (beta).
WebIDE est intégré à tous les outils de débogage habituels de Firefox permettant l'édition en direct d'applications. L'extrait suivant montre la modification du pied de page de l'écran d'accueil de l'application, avec l'augmentation de sa propriété min-height, et le changement apparaissant sur le simulateur immédiatement :
Outre la gestion des runtimes, WebIDE valide les applications et leurs fichiers manifest. Pour ceux qui sont intéressés par l'utilisation de ceci avec leur éditeur de code préféré, une API est disponible pour se connecter à partir d'un éditeur externe à WebIDE pour accéder aux runtimes et à la validation de l'application, comme expliqué dans un post de Mozilla :
Vous pouvez utiliser une API simple qui permet aux éditeurs externes d'accéder à toutes les fonctionnalités avancées de l'outil - la gestion du runtime, l'installation d'applications sur différents appareils et la connexion des Outils Développeurs de Firefox (Firefox Developer Tools). Vous pouvez désactiver notre éditeur interne et laisser WebIDE avec une interface simple et propre pour gérer les runtimes et la validation des applications. Nous voulons qu'il soit facile pour les utilisateurs de n'importe quel éditeur de code d'exécuter leur code sur des appareils divers et variés.
WebIDE débogue avec le Firefox "Remote Debugging Protocol" et Mozilla envisage d'étendre ce protocole à d'autres navigateurs mobiles - Chrome pour Android, Safari pour iOS, et peut-être d'autres plus tard - par un certain nombre d'adaptateurs. Entre autres, Mozilla travaille sur l'ajout d'un moniteur de performances similaire à Firewatch pour suivre la consommation de mémoire, et au support de plus de simulateurs, ainsi que le support de PhoneGap.
Actuellement, WebIDE est disponible dans la distribution "Firefox Nightly" du navigateur et il faut activer la préférence devtools.webide.enabled dans about: config.