: New feature! MozillaWiki is now mobile-friendly. Visit from a mobile device to see new mobile theme + try editing. Release details.

DevTools/WebIDE

From MozillaWiki
Jump to: navigation, search

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)