What is WebIDE?

• 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

Where is the WebIDE ?

• Firefox Brower• Firefox Stable version

• Firefox Beta

• Firefox Aurora

• Firefox Nightly

Firefox Developer Edition

Enable the WebIDE

• Write about:config in the Address Bar.

• Click the I’ll be careful, I promise!

• Write webide in the Search.

• Double click the devtools.webide.enabled to make true the value

• Now Go to Tools>Web Developer>WebIDE (for all) or Shift+F8

(only for nightly)

How to Use

Simulators

Manage Simulator

Sample Apps Files

Manifest

Demo Apps in Simulator

Debug Panel

References

• https://hacks.mozilla.org/

• http://mozillabd.org/blog/

Any Questions ???