WebIDE

With WebIDE, you first set up one or more runtimes. A runtime is an environment in which you'll run and debug the app. A runtime could be a Firefox OS device connected to the desktop over USB (or over Wi-Fi since Firefox 39), or it could be a Firefox OS Simulator installed on the desktop itself.

Next, you create an app, or open an existing app. If you're creating a new app you can start with a template that includes the directory structure and the minimum boilerplate you need to get started, or a more complete template that shows how to use a privileged API. WebIDE shows your app's files in a tree, and you can edit and save them using a built-in source editor. Of course, you don't have to use the built-in editor: you can develop your app entirely outside WebIDE, and only use it for debugging.

Finally, you can install the app in one of the runtimes and run it. You can then open the usual suite of developer tools - the Inspector, Console, JavaScript Debugger and so on - to examine and modify the running app.

Opening WebIDE

How to open WebIDE from within Firefox.

Setting up runtimes

How to connect to a runtime in which you can install apps, including Firefox OS devices, the the Firefox OS Simulator, and Firefox for Android.

Creating and editing apps

How to create, open, and develop apps using WebIDE.

The runtime menu

Once you've selected a runtime, use the runtime menu to get information about the runtime and its apps, modify settings, and take a screenshot.

Running and debugging apps

How to install apps to a runtime and debug them using the Firefox Developer Tools.

Working with Cordova apps in WebIDE

From Firefox 39, you can edit and debug Cordova apps using WebIDE.

Troubleshooting

Help for problems with WebIDE, especially problems connecting to a runtime.