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.

Answer 3

我认为您必须开发一个“启动器”应用程序，它只会调用浏览器并将用户发送到您的Web应用程序。

Answer 4

我认为在Android中你必须开发一个包装器应用程序来显示你的webapp的webview。