In this tutorial you will learn how to use the Ripple Emulator to run the jQWidgets eStore example as a mobile application and emulate it for different devices.. You may also be interested in how to port the same application for Android, BlackBerry 10, iOS or Windows Phone 8.
Before we proceed further with this tutorial, you need to install Ripple. It is available as a Google Chrome app, which you may find in the Chrome Web Store here.
The next step is to prepare a mobile application for testing. For the purpose of this tutorial, we will be using the jQWidgets eStore example, which was prepared for deployment on a device with PhoneGap/Apache Cordova. You can download the source code we will be using here. Exract the files and then run the application locally in Google Chrome.
At first, the application will not load correctly, because PhoneGap/Cordova's API cannot run in a standard web browser without emulation. To start the emulator, click on the Ripple icon in the top right corner:
Choose Enable in the popup dialog:
In the next screen, choose Apache Cordova / PhoneGap (1.0.0):
The application is now correctly displayed and emulated for a generic mobile device:
To the left and right of the emulated application, there is a variety of emulation options. Here are some highlights:
config.xmlfile, where you can change the app's name, description, author, etc.;