DevTools/WebIDE: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
(Created page with "== What is WebIDE? == <br /> '''[http://people.mozilla.org/~prouget/webide.webm Screencast].''' <br /> WebIDE is the code name of the new [https://developer.mozilla.org/en-...")
 
(Mark outdated)
 
(13 intermediate revisions by one other user not shown)
Line 1: Line 1:
{{outdated}}
== What is WebIDE? ==
== What is WebIDE? ==
<br />
Screencast: [http://people.mozilla.org/~prouget/webide.webm http://people.mozilla.org/~prouget/webide.webm]


'''[http://people.mozilla.org/~prouget/webide.webm Screencast].'''
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.


<br />
Status: Firefox 34.


WebIDE is the code name of the new [https://developer.mozilla.org/en-US/Firefox_OS/Using_the_App_Manager App Manager]. As for today, WebIDE only supports Firefox OS Apps (hence the name: App Manager). It will soon support Android tabs and Firefox Addons development.
WebIDE allow users to:
 
WebIDE allow the user 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
* Debug apps (WebIDE integrates the usual Firefox DevTools).
* Debug apps (WebIDE integrates the usual Firefox DevTools).


== Major features ==
== Major features ==


==== Code Editor ====
* '''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.
The user can write the code of its app in WebIDE. It's an optional feature. User can still use his own editor.
* ''' 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.
==== App Validation ====
* ''' 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.
A validation mechanism will report any common errors in the manifest and the app structure.
* '''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 [https://developer.mozilla.org/en-US/Firefox_OS/Using_the_App_Manager#Debugging_Certified_Apps_2 how to enable certified apps debugging])
==== 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.
 
==== Command line support ====
 
WebIDE can be controlled via the command line. Simple operations like importing an app, pushing and running it on the device/simulator, and connecting the devtools can be all done from a shell script.


==== Key-bindings and quick iteration ====
== Work in progress ==


Common keybindings make iterating quickly very simple. Write code in WebIDE. Save (Ctrl-s). Push and reload app (Ctrl-r). Close app (Ctrl-w). Repeat.
* 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)

Latest revision as of 18:02, 3 August 2018

Ambox outdated.png 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)
Retrieved from "https://wiki.mozilla.org/index.php?title=DevTools/WebIDE&oldid=1198409"