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

google web app add to home screen

本文关键字：屏幕 添加 网络 应用程序 谷歌      更新时间：2023-09-26

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

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

我已经尝试了不同的图标大小，但仍然没有运气。
我错过了什么？

感谢大家，
希米

我对"rel"值使用了不同的值。Android通常支持"苹果触摸图标"标签

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

这是一个很好的参考链接

最好遵循以下指南：https://developers.google.com/chrome/mobile/docs/installtohomescreen

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

使用这些标签会有所帮助。他们为我工作：-）

 <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">
相关文章：