谷歌网络应用添加到主屏幕答案

【问题标题】：google web app add to home screen谷歌网络应用添加到主屏幕
【发布时间】：2013-11-10 15:59:27
【问题描述】：

我有一个 java 脚本 Web 应用程序，我正在为我的 Web 应用程序使用最新的 chrome for mobile beta 版本。
我正在将应用程序快捷方式添加到我在谷歌开发者页面上指定的主屏幕，但我在移动主屏幕（galaxy i9300，android 4.1）上看到的启动器图标是我想要的图标，但在一个白页内。
这是我的 html 中的代码：

<head>
  <link rel="shortcut icon" sizes="196X196" href="/Files/Images/196icon.png">
</head>

我尝试了不同的图标大小，但仍然没有成功。
我错过了什么？

谢谢大家，
石米

【问题讨论】：

标签： javascript android google-chrome web-applications

【解决方案1】：

我为“rel”值使用了不同的值。 Android 通常支持“apple-touch-icon”标签

 <link href="/Files/Images/196icon.png" rel="apple-touch-icon" />

这是reference的一个很好的链接

【讨论】：

【解决方案2】：

最好遵循这里的指导：https://developers.google.com/chrome/mobile/docs/installtohomescreen

请注意，当您将应用设置为在页面中使用 <meta name="mobile-web-app-capable" content="yes"> 标记时，我们实际上只会显示完整图标。

【讨论】：

【解决方案3】：

使用这些标签会对您有所帮助。他们为我工作:-)

 <link rel=apple-touch-icon  href="../192x192.png">`
 <meta name=msapplication-TileImage content="../144x144.png">
 <meta property=og:image content="../192x192.png">
 <link rel="icon" type="image/png" href="../192x192.png" sizes="192x192"> 
 <link rel="manifest" href="../manifest.json">

【讨论】：