Changes

Jump to: navigation, search

DevTools/WebIDE

1,552 bytes added, 05:59, 6 June 2014
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-..."
== 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-US/Firefox_OS/Using_the_App_Manager 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.
Confirm
591
edits

Navigation menu