iPhone web apps have four configuration features available (not including the HTML5 application cache) to configure how web pages behave when you save the web page to the home screen as a bookmark.
The four features work by adding tags to the <head> like this:
<link rel="apple-touch-icon" href="/custom_icon.png"/> <link rel="apple-touch-startup-image" href="/startup.png"> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" />
Naturally, none of these "apple-" specific tags do anything in Android. But is there any way to do something equivalent? [At a minimum, I want users to be able to add my web page to their Android home screen (e.g. in Android 2.0) and have a pretty hi-res icon.]
You can make your web content available to users in two ways: in a traditional web browser and in an Android application, by including a WebView in the layout. Android offers a variety of ways to present content to a user.
Conclusion. We have successfully created a Web Browser Android application using Android Studio.
The Short answer: Yes, you can develop apps using HTML / CSS / Javascript.
When you create a shortcut on the home screen to a bookmark, Android will use a apple-touch-icon-precomposed
if present (but not apple-touch-icon
) as a high-res icon:
<link rel="apple-touch-icon-precomposed" href="/custom_icon.png"/>
As for the rest of the features, I don't think there's any way to do this at present without publishing an Android app that acts as a wrapper for your website.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With