Final View on Simulator

Firefox OS simulator

In our last post we have seen how to define the manifest for the the application has been discussed. Before that we have been writing the hello world application for our program it is really a exciting application you can learn. You can check here regarding the code of hello world. And we started with the requirements for the Firefox OS application development. The needs for writing is very easy to get and can know more about it here. Finally now we are ready to start seeing our application in Firefox OS simulator which is available in the Firefox browser. Here I am using Firefox 29 which is currently in beta stage. You can choose you prefer version. But Firefox 29 is really cool. Just check it out.

Opening App Manager

Then after you clicked App Manager you can see the below window.

App Manager window

Then the next procedure is to click on the Apps icon available in the left side top. We need to click Add Packaged app. When click a pop-up will be appearing. From that pop-up you need to select the folder where we have kept our saved files. After you have chosen the folder you can see the window to change from App Manager to the application details you had.

Window with App details

When you see this clearly you can see the square box is somewhat empty and dont look nice. This is because we need to add the icon for our application. Then another half downside will be showing the details which are available in our manifest. Then in the top half right corner we can see whether we have given our manifest properly or not. It helps in avoid the problems where in some case we upload the application in our market place but rejected.

Ok fine, Its time for us to see our application in the simulator. To do this we need to click the Start simulator button at the bottom. If you have not previously add the Firefox OS simulator from Add-ons please you need to add it now. You can install the simulator from this link. You can choose any version. But it is advisable to have the stable version instead of beta or  unstable one.

Then after that Click on start simulator then Firefox OS. Then you can see the simulator pop-up coming It will be looking beautiful and simple.

Start Screen of Simulator

Screen showing the application

Then swipe from right to left so we can see large number of application installed. Before that just click the update button which is found with the details of your application. When you swipe you can see large number of application. You can also see our Hello world application with some icon. That is the default icon for all the applications. Then when you click that you can launch the application.

Application Start screen

Yes we have developed the mobile application for the Firefox OS without changing any code between browser and the simulator. We can then pack this application and send it to marketplace.