Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Configuring Android Web Applications

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.

  1. You can specify the home page icon.
  2. You can specify a startup image that displays while the web page is loading.
  3. You can hide the browser UI.
  4. You can change the status bar color.

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.]

like image 507
Dan Fabulich Avatar asked Dec 23 '09 08:12

Dan Fabulich


People also ask

Can Web application run on Android?

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.

Can we create web application using Android Studio?

Conclusion. We have successfully created a Web Browser Android application using Android Studio.

Can you make an Android app with HTML?

The Short answer: Yes, you can develop apps using HTML / CSS / Javascript.


1 Answers

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.

like image 81
Trevor Johns Avatar answered Sep 21 '22 18:09

Trevor Johns