DevTools/WebIDE: Difference between revisions
< DevTools
Jump to navigation
Jump to search
No edit summary |
|||
| Line 18: | Line 18: | ||
* ''' Runtimes & Simulators ''': WebIDE supports Firefox OS devices connected via USB. It's also possible to install and run simulators. | * ''' 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. | * ''' 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. | * ''' 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, ...) | * '''Device Info''': get an extensive list of data from the device (versions, hardware, screen resolution, permissions, ...) | ||
| Line 31: | Line 30: | ||
* Debug Android tabs | * Debug Android tabs | ||
* Manage simulators (install/uninstall) | * Manage simulators (install/uninstall) | ||
* Command line support (phonegap support) | |||
Revision as of 03:15, 10 June 2014
What is WebIDE?
Screencast: http://people.mozilla.org/~prouget/webide.webm
WebIDE is the code name of the new App Manager. As for today, WebIDE only supports Firefox OS Apps (hence the name: App Manager).
Status: Not built by default (add `ac_add_options --enable-devtools-webide` to your mozconfig, and make sure the pref `devtools.webide.enabled` is set to `true`)
WebIDE allow the user 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)