How to convert a website built with jQuery Mobile into a mobile app?

Question

I am looking for a way to wrap the website built with jQuery Mobile so that it works as an app on mobile phones. I don't know how involved this process is. I think PhoneGap does this but I don't know where to look at in the PhoneGap website for any tutorials or documentation. Will this work across different mobile phones? Can someone point me in the right direction?

Solution

You can convert but it involves a complex process. Here I am providing some steps that will be useful to you for converting your website in jquery mobile into a mobile app :

• Go to http://www.phonegap.com and download the PhoneGap 2.2.0 as it is quite stable (though version 2.7.0 already released)

• Then go to http://docs.phonegap.com/en/2.2.0/guide_getting-started_index.md.html#Getting%20Started%20Guides and Click on the first link named "Getting Started with Android"

• Just follow the simple steps for setting Eclipse IDE on your machine for building android app

• Then you can copy and paste the entire contents(set of web pages) in the www directory and then Build/Run the app

• It will run in the Emulator and will create the .apk file which you can then try to run on any android mobile.

Note : I am not sure whether the look/UI may be the same as an app as you might have used it for desktop website

You can also refer to this site for Installing ADT Plugin : http://developer.android.com/sdk/installing/installing-adt.html