DevTools/WebIDE: Difference between revisions
< DevTools
Jump to navigation
Jump to search
Digitarald (talk | contribs) (Mark outdated) |
|||
| (7 intermediate revisions by one other user not shown) | |||
| Line 1: | Line 1: | ||
{{outdated}} | |||
== What is WebIDE? == | == What is WebIDE? == | ||
Screencast: [http://people.mozilla.org/~prouget/webide.webm http://people.mozilla.org/~prouget/webide.webm] | Screencast: [http://people.mozilla.org/~prouget/webide.webm http://people.mozilla.org/~prouget/webide.webm] | ||
WebIDE | WebIDE will replace the [https://developer.mozilla.org/en-US/Firefox_OS/Using_the_App_Manager App Manager]. As for today, WebIDE only supports Firefox OS Apps. | ||
Status: | Status: Firefox 34. | ||
WebIDE allow | WebIDE allow users to: | ||
* Edit apps (WebIDE comes with its own code editor) | * Edit apps (WebIDE comes with its own code editor) | ||
* Install apps to the device/simulator | * Install apps to the device/simulator | ||
| Line 18: | Line 20: | ||
* ''' 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 32: | ||
* Debug Android tabs | * Debug Android tabs | ||
* Manage simulators (install/uninstall) | * Manage simulators (install/uninstall) | ||
* Command line support (phonegap support) | |||
Latest revision as of 18:02, 3 August 2018
|
THIS PAGE MAY BE OUTDATED |
| This article is in parts, or in its entirety, outdated. Hence, the information presented on this page may be incorrect, and should be treated with due caution until this flag has been lifted. Help by editing the article, or discuss its contents on the talk page. |
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)