DevTools/WebIDE

From MozillaWiki
< DevTools
Revision as of 05:59, 6 June 2014 by Paul (talk | contribs) (Created page with "== What is WebIDE? == <br /> '''[http://people.mozilla.org/~prouget/webide.webm Screencast].''' <br /> WebIDE is the code name of the new [https://developer.mozilla.org/en-...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

What is WebIDE?


Screencast.


WebIDE is the code name of the new App Manager. As for today, WebIDE only supports Firefox OS Apps (hence the name: App Manager). It will soon support Android tabs and Firefox Addons development.

WebIDE allow the user to:

  • Edit apps (WebIDE comes with its own code editor)
  • Debug apps (WebIDE integrates the usual Firefox DevTools).

Major features

Code Editor

The user can write the code of its app in WebIDE. It's an optional feature. User can still use his own editor.

App Validation

A validation mechanism will report any common errors in the manifest and the app structure.

Runtimes & Simulators

WebIDE supports Firefox OS devices connected via USB. It's also possible to install and run simulators.

Auto-install ADB

ADB (required to connect the phone via a USB cable) is automatically installed and controlled via WebIDE. The user won't need to install extra addons or android tools.

Command line support

WebIDE can be controlled via the command line. Simple operations like importing an app, pushing and running it on the device/simulator, and connecting the devtools can be all done from a shell script.

Key-bindings and quick iteration

Common keybindings make iterating quickly very simple. Write code in WebIDE. Save (Ctrl-s). Push and reload app (Ctrl-r). Close app (Ctrl-w). Repeat.