A Mozilla liberou recentemente uma versão de desenvolvedor da WebIDE, uma IDE desenvolvida para criação, edição, execução e debug (depuração) de aplicações web nos dispositivos com Firefox OS e simuladores. Estão nos planos da Mozilla versões para os principais navegadores de dispositivos móveis.
A WebIDE é construída na forma de um gerenciador de aplicativos do Firefox OS, mas inclui também ferramentas para publicação, depuração, um editor de código com base no CodeMirror e o framework para analise de código tern.js. Para facilitar o desenvolvimento inicial, os desenvolvedores têm acesso a diversos modelos de código com base na crescente quantidade de modelos disponíveis. Os aplicativos podem ser publicados em dispositivos reais com Firefox OS através do USB ou WiFi, ou no simulador, atualmente sendo suportadas as versões 1.3, 1.4 e 2.0 (beta).
A WebIDE é integrada com todas as ferramentas de depuração do Firefox permitindo a edição em tempo real dos aplicativos. A imagem a seguir apresenta a edição do footer (rodapé) da aplicação Homescreen, ao definir um tamanho maior para sua altura a alteração aparece no simulador imediatamente:
Além do gerenciamento em tempo de execução, a WebIDE valida as aplicações e seus arquivos manifest. Para aqueles interessados em usar seus editores de código preferidos, uma API está disponível para conectar um editor externo ao WebIDE, com objetivo de acessar o ambiente de execução e validação da aplicação, como explicado no post da Mozilla:
Uma simples API pode ser utilizada para permitir que editores externos tenham acesso as funcionalidades avançadas da ferramenta: seu gerenciamento em tempo de execução, envio de aplicações para diferentes dispositivos e conexão com o Firefox Developer Tools. Também é possível desligar o editor interno e deixar a WebIDE mais simples, com uma interface leve criada para gerenciar os ambientes de execução e validação das aplicações. Queremos facilitar a maneira como os usuários de qualquer editor de código trazem os seus códigos para diversos dispositivos.
A WebIDE faz a depuração através do Firefox Remote Debugging Protocol, e a Mozilla planeja expandir esse protocolo para trabalhar com outros navegadores móveis - Chrome para Android, Safari para iOS, e possivelmente para outros posteriormente - através de uma série de adaptadores.
Além disto, a Mozilla também trabalha para adicionar um monitor de desempenho como o Firewatch para rastrear o consumo de memória, além de simuladores e suporte ao PhoneGap.
Atualmente a WebIDE está disponível no Firefox Nightly e pode ser ativada habilitando a preferência devtools.webide.enabled via about:config.