Question

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

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

我尝试了不同的图标尺寸，但仍然没有运气我错过了什么？

感谢所有人，
Shimi

Answer 1

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

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

这是reference

的良好链接

Answer 2

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

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

Answer 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">

谷歌网络应用程序添加到主屏幕

3 个答案: