What is WebIDE?
Download as PPTX, PDF0 likes633 views
WebIDE is a development environment that allows users to edit, install, and debug apps, with an integrated code editor and validation mechanism for app creation. It supports Firefox OS devices and includes features like auto-installing ADB, extensive device information, and the ability to debug apps on the device. Users can enable WebIDE through the Firefox developer edition by adjusting configuration settings.
What is WebIDE?
- 3. • 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
- 4. Where is the WebIDE ? • Firefox Brower • Firefox Stable version • Firefox Beta • Firefox Aurora • Firefox Nightly
- 6. Enable the WebIDE • Write about:config in the Address Bar. • Click the I’ll be careful, I promise! • Write webide in the Search. • Double click the devtools.webide.enabled to make true the value • Now Go to Tools>Web Developer>WebIDE (for all) or Shift+F8 (only for nightly)
- 7. How to Use
- 8. Simulators
- 11. Manifest
- 12. Demo Apps in Simulator
- 13. Debug Panel