Build Native iPhone Apps with HTML, CSS, JavaScript and PhoneGap
Why Stack Overflow recommends it
Stack Overflow users link it when answering beginner PhoneGap questions, since it shows quickly that you can download PhoneGap, open the project in Xcode and have a web app running as a native iPhone app.
Recommended by 3 people across 3 different months, 2009 to 2013.
What it is
A short 2009 screencast by Jonathan Stark showing how to take an ordinary HTML, CSS and JavaScript web app (styled with jQTouch) and wrap it as a native iPhone app using PhoneGap. It walks through the basic Xcode setup rather than going deep on any one tool.
What people said
Recommends Neo42 · 2009-12 · Stack Overflow · on “How do I fix PhoneGap build errors?”
I am confused. What steps do I take? I just downloaded phonegap. I don't know how to "install" it. Do I have to run some git command or some build command before I can open it in xcode? UPDATE: Figured it out. I downloaded it. Unzipped it. Went into the phonegap folder. Duplicated the iphone folder. Opened xcode and hit build and go. It worked. Apparently your iphone gap projects need to be a subfolder of the phonegap folder. That can probably be fixed/changed if you know what you're doing. This video here helped me verify that all you need to do is download, unzip and open. The files inside your www do work by default. [this video]
Recommends David Kaneda · 2010-08 · Stack Overflow · on “Problem with distributing web applications on the Apple Store”
I realize you've probably dedicated a fair amount of time to learning about WebViews, etc., but I believe you'd be much better off checking out PhoneGap [LINK] , which is tailored specifically for this sort of thing (you may even get an Android app out of it...). Here's a quick video [this video] showing how easy it is to integrate PhoneGap with jQTouch (a web app plugin for iPhone).
Recommends Clement Ho · 2013-05 · Stack Overflow · on “How to convert existing Android application made with PhoneGap in Eclipse to iPhone?”
That's true that there is no direct way to do it. But it wasn't as bad as start from scratch. You will find the more complex your Android project gets the more complex your import will be. So you better start early and as the project move along you add more things on both sides. Most of your code will able to share on both platform but the plugin and device specific functions will give you surprise from time to time. Pay more attention on the plugin they are the real tricky sometimes. What I do now is I have my Android code checked in after all the test done and released. (I work on PC with Android and Mac on iOS) get the released code and checkout on my Mac. I setup a PhoneGap in xCode (fol
Cites Jonathan · 2012-07 · Stack Overflow · on “iOS 'Web App' has different localStorage than Mobile Safari”
Assuming you're saving local storage data correctly and if I'm not mistaken, what you experience is a somewhat of a common issue among web app developers. Cookies, sessions and local storage seem to be stored differently in the "web app" (launched from homescreen) to that of the data saved via mobile safari. I've done some rather thorough testings of this in the past and it seems to me that there's no workaround good enough . Just to give you an example where my colleagues and I have faced a similar problem: in a web app we developed recently, the user has to login before accessing all its features. If one logs in via mobile safari and then switches to the downloaded version of the app, one