想在我的网站上为 android chrome 添加主屏幕图标

如何解决想在我的网站上为 android chrome 添加主屏幕图标

我想为网站内置 Angular 10 主屏幕菜单添加自定义图标，然后将其从 chrome Add to Homescreen 菜单添加到主屏幕

我已经使用此代码在 Iphone 中实现了这一点 <link rel="apple-touch-icon" sizes="71x71" href="assets/icons/homescreen-icon/group.png" />

但我不知道如何使它适用于 android。 我尝试为 android 做以下事情，但没有一个有效

<link rel="icon" type="image/png" href="assets/icons/homescreen-icon/group.png" /> <link rel="shortcut icon" href="assets/icons/homescreen-icon/group.png" /> <link rel="mask-icon" href="assets/icons/homescreen-icon/group.png" />

解决方法

尝试将链接类型从 img/png 更改为简单的 img 为：

<link rel="icon" type="image" href="assets/icons/homescreen-icon/group.png" /> <link rel="shortcut icon" href="assets/icons/homescreen-icon/group.png" /> <link rel="mask-icon" href="assets/icons/homescreen-icon/group.png" />

,

我使用这两行代码实现了这一点

<link rel="shortcut icon" href="assets/icons/favicon.ico" />
<link rel="apple-touch-icon" href="assets/icons/homescreen-icon.png" />

对于 android shortcut icon 应该是 .ico 文件。