Build mobile apps directly within the Firefox browser

A new code editor from Mozilla allows developers to build and test mobile apps from within a browser window

Mozilla's WebIDE

Mozilla's WebIDE

Programmers who may be curious about building mobile apps but aren't sure how to get started could get a hand from Mozilla, which is testing a new code editor, called WebIDE, which will be built into the Firefox browser.

"Developers tell us that they are not sure how to start app development on the Web, with so many different tools and templates that they need to download from a variety of different sources. We're solving that problem with WebIDE," wrote Dave Camp, Mozilla's director of development tools, in a blog post announcing the new IDE (integrated development environment).

A working version of WebIDE is now being included in the nightly builds of future versions of Firefox currently being developed. The nightly versions are posted only for testing purposes, allowing outside parties to view the new features the browser team is working on.

Using WebIDE, developers can start with a functioning blueprint of a Web app that can be run on either a desktop or a mobile phone browser. They then can fill in the JavaScript, CSS (Cascading Style Sheets) and HTML5 code using an editor within a browser window. They'll see their changes immediately in another window that runs the app in simulation mode. Though the tool can be used to develop desktop Web apps, it's intended primarily for mobile.

Mozilla has also set up a repository where developers can contribute additional templates.

Developers can also test an app on a device itself, by running it on the Firefox mobile browser and debugging it over USB by way of a remote debugging API (application programming interface).

Eventually, the software will be able to communicate with other browsers, such as Chrome for Android and Safari on iOS. Over time, the browser will also offer a way to test apps over Wi-Fi.

WebIDE is based on the open-source CodeMirror editor and uses the tern.js code analysis framework. It also uses a fairly large set of debugging and inspection tools already built into Firefox, called Firefox Developer Tools.

Mozilla did not offer an estimate of when WebIDE will be included in a full Firefox release. The next version of the browser, Firefox 31, is due the week of July 22.

Joab Jackson covers enterprise software and general technology breaking news for The IDG News Service. Follow Joab on Twitter at @Joab_Jackson. Joab's e-mail address is Joab_Jackson@idg.com

Join the newsletter!

Or

Sign up to gain exclusive access to email subscriptions, event invitations, competitions, giveaways, and much more.

Membership is free, and your security and privacy remain protected. View our privacy policy before signing up.

Error: Please check your email address.

Tags softwaremozillaapplication developmentWeb services developmentDevelopment tools

Keep up with the latest tech news, reviews and previews by subscribing to the Good Gear Guide newsletter.

Joab Jackson

IDG News Service
Show Comments

Most Popular Reviews

Latest Articles

Resources

PCW Evaluation Team

Tom Pope

Dynabook Portégé X30L-G

Ultimately this laptop has achieved everything I would hope for in a laptop for work, while fitting that into a form factor and weight that is remarkable.

Tom Sellers

MSI P65

This smart laptop was enjoyable to use and great to work on – creating content was super simple.

Lolita Wang

MSI GT76

It really doesn’t get more “gaming laptop” than this.

Jack Jeffries

MSI GS75

As the Maserati or BMW of laptops, it would fit perfectly in the hands of a professional needing firepower under the hood, sophistication and class on the surface, and gaming prowess (sports mode if you will) in between.

Taylor Carr

MSI PS63

The MSI PS63 is an amazing laptop and I would definitely consider buying one in the future.

Christopher Low

Brother RJ-4230B

This small mobile printer is exactly what I need for invoicing and other jobs such as sending fellow tradesman details or step-by-step instructions that I can easily print off from my phone or the Web.

Featured Content

Product Launch Showcase

Don’t have an account? Sign up here

Don't have an account? Sign up now

Forgot password?