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?

Answer 1

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