This is an archived page. It's not actively maintained.


This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.

WebIDE allows you to connect the Firefox Developer Tools to a number of other browsers, such as Firefox for Android. See the Remote Debugging page for instructions on how to connect to a specific browser.

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.
Help for problems with WebIDE, especially problems connecting to a runtime.