configurationAndroid Web应用程序
iPhone Web应用程序具有四个可用的configurationfunction （不包括HTML5应用程序caching），用于configuration将网页作为书签保存到主屏幕时网页的行为方式。
- 您可以指定主页图标。
- 您可以指定在加载网页时显示的启动图像。
- 您可以隐藏浏览器UI。
- 您可以更改状态栏的颜色。
这四个特性通过向<head>添加标签来实现：
<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" /> 当然，这些“apple-”特定的标签都不会在Android中做任何事情。 但是有没有办法做同样的事情呢？ [至less，我希望用户能够将我的网页添加到他们的Android主屏幕（例如在Android 2.0），并有一个漂亮的高分辨率图标。]
这是一个过时的问题，因此答案已经改变。 新的Android上的Chrome有它自己的meta标签。 确保你添加到主屏幕，并从主屏幕启动。 一个普通的书签是不够的。 Chrome目前使用一些苹果指令，但底部的三个是Android的魔法。
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="apple-touch-startup-image" href="startup.png"> <link rel="apple-touch-icon" href="youricon.png"/> <link rel="apple-touch-icon-precomposed" sizes="128x128" href="youricon.png"> <meta name="mobile-web-app-capable" content="yes"> <link rel="shortcut icon" sizes="196x196" href="youriconhighres.png"> <link rel="shortcut icon" sizes="128x128" href="youricon.png">
当您在主屏幕上为书签创build快捷方式时，Android将使用apple-touch-icon-precomposed如果存在）（而不是apple-touch-icon ）作为高分辨率图标：
<link rel="apple-touch-icon-precomposed" href="/custom_icon.png"/>
至于其他function，我不认为现在有没有办法做到这一点，没有发布一个Android应用程序作为您的网站包装。
这可能会引起读者的兴趣：
http://code.google.com/p/android/issues/detail?id=7657
在2.1-update1中，在Droid上，我推测其他2. * OS手机，当向主屏幕添加书签时，主屏幕仅在链接rel =“apple-touch-icon”或apple-touch时显示自定义图标-icon-precomposed有一个完整的urlpath。
我尝试从我的三星Galaxy S1以上
没有为我工作…但是什么工作是首先创build一个书签，然后添加书签作为我家的捷径。 这样做会导致使用正确的图标。
我们可以使用不同的元素来实现最好的结果：
1a）首先，我们需要为我们的应用程序设置视口，如下所示：
<meta name="viewport" content="width=device-width, initial-scale=1">
1b）这里有一些小技巧，对于屏幕较高的设备（例如iPhone 5）：
<meta name="viewport" content="initial-scale=1.0">
只要把它放在另一个元，它会做所有的魔法。
2）现在我们已经掌握了基本知识，我们会告诉手机浏览器“阅读”我们的网站，就好像它是一个应用程序一样。 有两个主要的元素：
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
这将使我们的网站以全屏模式打开并设置默认的状态栏。
3）我们完成了“行为”的元素，现在让我们开始我们的图标。 图标和代码行的数量将完全取决于你。 对于启动图像，我最好为每个分辨率创build一个图标，以便我的“加载程序”在所有设备（主要是苹果设备）上的行为相同。 以下是我如何做到的：
*<!--iPhone 3GS, 2011 iPod Touc-->* <br> `<link rel="apple-touch-startup-image" href="..http://img.dovov.commobile-icon-startup-320-460.png" media="screen and (max-device-width : 320px)">` <br> *<!--iPhone 4, 4S and 2011 iPod Touch-->* <br> `<link rel="apple-touch-startup-image" href="..http://img.dovov.commobile-icon-startup-640x920.png" media="(max-device-width : 480px) and (-webkit-min-device-pixel-ratio : 2)">` <br> *<!--iPhone 5 and 2012 iPod Touch-->* <br> `<link rel="apple-touch-startup-image" href="..http://img.dovov.commobile-icon-startup-640x1096.png" media="(max-device-width : 548px) and (-webkit-min-device-pixel-ratio : 2)">` <br> *<!--iPad landscape-->* <br> <link rel="apple-touch-startup-image" sizes="1024x748" href="..http://img.dovov.commobile-icon-startup-1024x768.png" media="screen and (min-device-width : 481px) and (max-device-width : 1024px) and (orientation : landscape)"> <br> *<!--iPad Portrait-->* <br> `<link rel="apple-touch-startup-image" sizes="768x1004" href="..http://img.dovov.comstartup-768x1004.png" media="screen and (min-device-width : 481px) and (max-device-width : 1024px) and (orientation : portrait)">` <br> <br>
注：格式必须是PNG格式，所有尺寸都必须遵守，否则将无法使用。
4）为了完成，我们还需要一些图标为我们的应用程序。 该图标将显示在设备菜单上。 以下是我如何做到的：
*<!--iPhone 3GS, 2011 iPod Touch and older Android devices-->* <br> `<link rel="apple-touch-icon" href="..http://img.dovov.commobile-icon-57.png">` <br> *<!--1st generation iPad, iPad 2 and iPad mini-->* <br> `<link rel="apple-touch-icon" sizes="72x72" href="..http://img.dovov.commobile-icon-72.png">` <br> *<!--iPhone 4, 4S, 5 and 2012 iPod Touch-->* <br> `<link rel="apple-touch-icon" sizes="114x114" href="..http://img.dovov.commobile-icon-114.png">` <br> *<!--iPad 3rd and 4th generation-->* <br> `<link rel="apple-touch-icon" sizes="144x144" href="..http://img.dovov.commobile-icon-144.png">` <br>
注意：您也可以使用“precomposed”来使图标不会与iOSreflection光芒一起显示。 只要在你定义rel的地方加上这个词就可以了：
<link rel="apple-touch-icon-precomposed" href="..http://img.dovov.commobile-icon-57.png">
如上所述，这在苹果设备上效果更好。 但应用程序图标已被certificate在Android设备上，它的工作原理。
