WebIDE will land in Firefox

Firefox OS vai ter IDE para desenvolvimento de aplicações

So far there wasn’t an official IDE to develop and debug apps for Firefox OS, this is about to change and with the new versions of Firefox browser the WebIDE will be introduced. If you are an early adopter or are just curious you can start using it right now, it’s already available in the Nightly.

WebIDE helps you create, edit, and test a new Web application right from your browser and gives you a simple but powerful editor for HTML, JavaScript, and CSS files. It lets you install and test apps on Firefox OS devices and simulators and integrates the Firefox Developer Tools for seamless debugging and inspection across those devices. This is a first step towards debugging across various platforms and devices over WiFi using open remote debugging APIs.

Até agora não existia um IDE para desenvolver e testar aplicações para Firefox OS, esta situação vai mudar com as novas versões do browser Firefox que vai passar a incluir um IDE nativo.

O WebIDE ajuda o utilizador a criar, editar e testar WebApps directamente a partir do browser. Permite também instalar e testar as aplicações em vários simuladores de Firefox OS e em dispositivos reais também é possível utilizar as ferramentas de programador incluídas no browser para inspeccionar a aplicação tal como acontece com os web sites.


Instead of starting an app from zero Mozilla is now providing a functioning blueprint app that you can start playing with.

After opening WebIDE you can create a new application from a set of example starter templates, or you can open an existing one.

While working with your web application manifest, the application validator will help you find common problems before submitting to the marketplace.

Em vez de começar uma aplicação do zero a Mozilla fornece algumas aplicações base com toda a estrutura de ficheiros necessária para criar uma WebApp.

Depois de inicializar o WebIDE o utilizador pode criar uma nova aplicação, ou abrir uma já existente mesmo que tenha sido desenvolvida em outro IDE bastando apenas indicar em que pasta se encontra o ficheiro manifest.

When you’re ready to test your application, choose a runtime and click play.

Right now WebIDE is hidden even in Firefox Nightly but you just need toggle the devtools.webide.enabled preference in about:config.

Once activated the WebIDE is available under Tools > Web Developer > WebIDE.

Enquanto o utilizador se encontra a trabalhar no ficheiro manifest o WebIDE vai fazendo algumas verificações para evitar que a aplicação seja submetida para o market com erros.

O WebIDE já está disponível no Firefox Nightly, mas como ainda é uma versão de testes encontra-se escondido, para o tornar visivel basta alterar o valor da variável devtools.webide.enabled no about:config.

Uma vez activo o WebIDE fica localizado em Tools > Web Developer > WebIDE.


About the Author:

Web developer focused on SharePoint branding, blogger, tech enthusiast. Traveling and sports are my addictions, knowledge and success are my daily motivations.

No comments yet

Leave a Reply

Media Partner