Get Started With Mozilla’s WebIDE
- Open Source Contributor
- Loves Developer Education
- Passionate about Developer Experience;
- Currently working as Lead Developer at Zoho.
Yesterday Mozilla has introduced their new Browser for developers. In that we have seen there are lot of tools which Mozilla has on its own to help developers. Among that most interesting developer tool is Web IDE. The aim of the WebIDE is to help developers to write the HTML5 codes which are very specific to Mobile devices.
Web IDE on Firefox
When you see to Toolbar the last button which is circular in shape with pencil is the WebIDE. We can easily click on it to open the WebIDE.
Web IDE
When we open we can see the simple screen of Web IDE as above. As you can see the structure of the WebIDE is very simple.
Project button : From this we Create the new app, we can open the existing packaged app or hosted app or we can set the preference according to our need.
Runtime button: We have the option to do Monitor of the application, and when the application is running in the simulator we can easily take the screenshot, we can know about the run time information and also the permission table information about the particular application.
View Button: It helps us to install / uninstall various simulators available.
Open App: We use it for open the existing apps, When the simulator is running we can ask interact with the Firefox OS apps (like alarm, call screen)
In the right most side we have a drop down with which we can select the list of Firefox OS Simulator, we can also connect with the devices attached like Firefox OS device.
