DevTools/WebIDE

From MozillaWiki
Jump to: navigation, search
Ambox outdated.png THIS PAGE MAY BE OUTDATED
This article is in parts, or in its entirety, outdated. Hence, the information presented on this page may be incorrect, and should be treated with due caution until this flag has been lifted. Help by editing the article, or discuss its contents on the talk page.

What is WebIDE?

Screencast: http://people.mozilla.org/~prouget/webide.webm

WebIDE will replace the App Manager. As for today, WebIDE only supports Firefox OS Apps.

Status: Firefox 34.

WebIDE allow users to:

  • Edit apps (WebIDE comes with its own code editor)
  • Install apps to the device/simulator
  • 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 Creation: 2 simple app templates are offered to the user.
  • 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.
  • Key-bindings and quick iteration : Common keybindings make iterating very simple. Write code in WebIDE. Save (Ctrl-s). Push and reload app (Ctrl-r). Close app (Ctrl-w). Repeat.
  • Device Info: get an extensive list of data from the device (versions, hardware, screen resolution, permissions, ...)
  • Debug non-local apps: Apps running on the device (like gaia apps) are debuggable. Certified apps are not debuggable by default (see how to enable certified apps debugging)

Work in progress

  • Better templates
  • Performance monitor (Firewatch-like tool)
  • Editor preferences panel
  • Debug B2G main process
  • Debug Android tabs
  • Manage simulators (install/uninstall)
  • Command line support (phonegap support)