HTML5 Webapp as regular icon or app on iPhone and Android.

Question

Sorry if this is a noob question, I searched quite a bit and couldn't find an answer.

I'm developing a html5 app that relies on sqlite for local storage.

I'd like for it to appear as an app icon on the iPhone/Android screen, what's the best way to do this? Ie can I write some sort of "wrapper" app to achieve it?

Thanks!

Answer 1

No need for PhoneGap or a launcher on the iPhone.

Per Apple:

<link rel="apple-touch-icon" href="/custom_icon.png"/>

Documentation and more fun options you can add to your web app: https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

Answer 2

PhoneGap is an open source wrapper for local web apps that runs on several mobile platforms. There is no reason you could not use it with hosted web pages as well.

Apple would probably reject something they deemed equivalent to a web bookmark.