配置Android Web应用程序
iPhone web应用程序有四个可用的configuration features (不包括HTML5应用程序缓存)，用于配置将网页作为书签保存到主屏幕时网页的行为方式。
- 您可以指定主页图标。
- 您可以指定加载网页时显示的启动图像。
- 您可以隐藏浏览器UI。
- 您可以更改状态栏颜色。
这四个功能的工作原理是将标签添加到中，如下所示：
<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中不起任何作用。但是有没有办法做一些同等的事情呢？至少，我希望用户能够将我的网页添加到他们的Android主屏幕上(例如在Android 2.0中)，并拥有一个漂亮的高分辨率图标。
回答 5
Stack Overflow用户
发布于 2013-11-28 06:33:43
这是一个过时的问题，因此答案已经改变。在较新的androids上，Chrome有自己的meta标签。确保添加到主屏幕，并从主屏幕启动。一个普通的书签是不够的。Chrome目前使用了一些apple指令，但底部的三个指令是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">Stack Overflow用户
发布于 2009-12-23 16:43:51
当你在主屏幕上创建书签的快捷方式时，安卓将使用apple-touch-icon-precomposed (而不是apple-touch-icon)作为高分辨率图标：
<link rel="apple-touch-icon-precomposed" href="/custom_icon.png"/>至于剩下的功能，我认为目前没有任何方法可以做到这一点，除非发布一个Android应用程序作为您的网站的包装器。
Stack Overflow用户
发布于 2010-10-05 05:16:25
读者可能会对此感兴趣：
http://code.google.com/p/android/issues/detail?id=7657
更新2.1-更新1，在Droid上，我假设还有其他2.*操作系统手机，当在主屏幕上添加书签时，只有当链接苹果触摸图标“
-rel=-rel=”或苹果触摸图标-预先编写有完整的url路径时，主屏幕才会显示自定义图标。
https://stackoverflow.com/questions/1951381
复制相似问题